先来一个溢出的例子。
为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么
可以看到文字是溢出来了。我们接下来通过css来解决溢出的问题。
首先这个css属性为overflow
默认情况是:overflow: visible;但是会出现溢出的情况
接下来看看hidden会如何
发现如果overflow: hidden;
那么溢出的部分则不会展示。
由于溢出部分很恶心人(遮挡文字),所以我用了几个br换行
我没有清除浮动,只是一堆br标签,把浮动部分绕出去了。。。
为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么
如果我们使用overflow: auto;
当可能出现溢出的时候,自动加上了滚动条。这样就不会造成溢出。
为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么
这个对于overflow: scroll;
那么溢出时候也是有滚动条
不过这个需不需要滚动条的时候他都存在占用空间
综合来讲,auto更好用一些。