我爱我老婆

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>

 

posted @ 2020-11-29 21:33  DataFlow  阅读(318)  评论(0编辑  收藏  举报