当文字量超出块儿的最大容量,文字会溢出,我们这一节来解决一下

先来一个溢出的例子。

为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么

可以看到文字是溢出来了。我们接下来通过css来解决溢出的问题。
首先这个css属性为overflow
默认情况是:overflow: visible;但是会出现溢出的情况
接下来看看hidden会如何

为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么

发现如果overflow: hidden;
那么溢出的部分则不会展示。











由于溢出部分很恶心人(遮挡文字),所以我用了几个br换行
我没有清除浮动,只是一堆br标签,把浮动部分绕出去了。。。

为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么

如果我们使用overflow: auto;
当可能出现溢出的时候,自动加上了滚动条。这样就不会造成溢出。

为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么
为了溢出,所以我这里就随便说点什么

这个对于overflow: scroll;
那么溢出时候也是有滚动条
不过这个需不需要滚动条的时候他都存在占用空间
综合来讲,auto更好用一些。