文字换行显示

看到一个博客写到：

发现是：white-space: nowrap，即强制文本不进行换行，顺便看了一下文本换行的属性word-wrap，总结如下： 
white-space的默认只是normal，自动换行。 
word-break:break-all和word-wrap:break-word表示强制换行，前者若英文字符过长自动截断，后者整个英文单词会换行！

 

我自动换行使用：

white-space:normal;

line-height:2em;

height:4em;

overflow:hidden;

 

white-space 属性

CSS 中的 white-space 属性用于设置文本空白符的处理规则，这其中包括：是否合并空白符、是否保留换行符、是否允许自动换行。各属性值的不同行为如下表所示：

white-space 属性值一览表

属性值	空白符	换行符	自动换行	最早出现于
normal	合并	忽略	允许	CSS 1
nowrap	合并	忽略	不允许	CSS 1
pre	保留	保留	不允许	CSS 1
pre-wrap	保留	保留	允许	CSS 2.1
pre-line	合并	保留	允许	CSS 2.1