word break 在不同浏览器中的表现
Firefox,Chrome,Safari表现都不错,IE8对于无空格的中文和英文是支持的,但对连续的中文标点符号不支持,可能是开发中的一个Bug,下面分别说一下:
work-break
- Chrome,需要work-break:break-word,设置break-all无效。
- Firefox和IE需要word-break: break-all,不支持break-word.
- 解决办法是:两个都写上,各取反需。
对于IE8的Bug,解决方法可以在脚本中判断连续标点,然后强制加空格,但是目前不需要这样做,因为IE8的用户很少了,而且连续中文标点的情况,可视作非法输入。
测试代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv="Content-Type" content="text/html; charset=utf-8"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD><STYLE> div { width: 416px; border: 1px solid green; } table { border: 1px solid yellow; table-layout: fixed; } TD { word-break: break-all; border: 1px solid red; word-wrap: break-word; white-space:normal; } </STYLE></HEAD> <BODY> <DIV> <TABLE> <TBODY> <TR> <TD>。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 。。。。。。。。。。。。。。。。。。!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! </TD> </TR> </TBODY> </TABLE> </DIV> </DIV> </BODY></HTML>