`
752954220_com
  • 浏览: 15337 次
  • 性别: Icon_minigender_2
  • 来自: 南京
社区版块
存档分类

英文字符和汉字自动换行和不换行的设置

    博客分类:
  • css3
 
阅读更多

默认设置,一长串英文字符(中间没空格)不会自动换行,比 如: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;,这样设置,不论是英文还是汉字,也不管是否有空格都会不换行显示

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics