css实现 强制不换行,自动换行,强制换行

强制不换行 

div{white-space:nowrap;} 

 

自动换行

div { word-wrap :  break-word ; word-break :  normal ; }

强制英文单词断行

div{word-break:break-all;} 

 

注:只有在IE下才会出现文本框中英文不换行的情况

 

以下引用word-break的说明, 注意word-break 是IE5+专有属性

语法:

word-break : normal | break-all | keep-all 

参数:

normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

说明:

设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all ,对应的脚本特性为wordBreak。

你可能感兴趣的:(自动换行)