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 中的

 标签。
 
    
nowrap : 　文本不会换行，文本会在在同一行上继续，直到遇到 
 标签为止。
 
    
pre-wrap:保留空白符序列，但是正常地进行换行。
 
    
pre-line:合并空白符序列，但是保留换行符。
 
    
inherit:规定应该从父元素继承 white-space 属性的值。
 
    
 
 
    
设置强行换行
word-break : normal | break-all | keep-all
 
    
normal ; 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
 
    
break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
 
    
keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法