CSS实现文字换行

强制不换行：div{ white-space:nowrap; }

自动换行： div{ word-wrap:break-word; word-break:normal; }

 

强制不换行

white-space : normal | pre | nowrap | pre-wrap | pre-line | inherit

normal ; 默认。空白会被浏览器忽略。

pre : 　空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。

nowrap : 　文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。

pre-wrap:保留空白符序列，但是正常地进行换行。

pre-line:合并空白符序列，但是保留换行符。

inherit:规定应该从父元素继承 white-space 属性的值。

 

设置强行换行
word-break : normal | break-all | keep-all

normal ; 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行

break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法