首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-10-08 
英文字符和汉字自动换行和不换行的设置默认设置,一长串英文字符(中间没空格)不会自动换行,比如:aaaaaaaaaa

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

默认设置,一长串英文字符(中间没空格)不会自动换行,比如: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都支持

?

?

?

热点排行