英文字符和汉字自动换行和不换行的设置
默认设置,一长串英文字符(中间没空格)不会自动换行,比如:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能处理自动换行,而汉字字符却可以自动换行。原因是:英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。
?
1、在需要强制设置换行时,
?
td中:
需用css来控制style='word-break: break-all'
?
?
div中 :??
?
div 实现长英文字母自动换行CSS
IE浏览器
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
Firefox浏览器
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }
?
2、在不需要换行时
?
style='word-break: keep-all'//不会自动换行,有空格换行,ie支持,ff不支持
?
要想兼容ie和ff,需设置white-space: nowrap;,这样设置,不论是英文还是汉字,也不管是否有空格都会不换行显示
?
?
?
运行以上代码,在ie和ff中横向会隐藏显示,而纵向只有在ie9中才会隐藏
?
解决以上问题,只需在td中加上div即可实现ie和ff都支持
?
??