在网站开发中,我们经常遇到一个问题,就是文本超出其指定容器的宽度而掉下来,这往往会破坏网站原本的布局。但这个问题却很容易通过 CSS 样式来解决。/* 使文本不掉下来 */ overflow: hid
在网站开发中,我们经常遇到一个问题,就是文本超出其指定容器的宽度而掉下来,这往往会破坏网站原本的布局。但这个问题却很容易通过 CSS 样式来解决。
/* 使文本不掉下来 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
上面的 CSS 样式中,我们应该重点注意以下属性:
以上三个属性组合使用,可以很好的避免文本的掉下,同时保持良好的布局。
当然,还有其它的解决方式,例如使用 CSS 的 flex 布局,但以上的方式已经足以解决大部分类似的问题。所以在进行 CSS 布局时,千万不要忘记这些小技巧。
粉丝
0
关注
0
收藏
0