zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    你应该掌握的七种回归技术
    jar包运行
    Spark常见问题汇总,spark相关错误和解决方法,,,,,,,,,
    shell把字符串中的字母去掉,只保留数字
    excel求和结果不对
    Matlab实现PCA
    Spring3.0 AOP 具体解释
    POJ 1422 Air Raid(二分图匹配最小路径覆盖)
    TCP、UDP和HTTP
    2014世界互联网乌镇峰会 马云演讲实录
  • 原文地址:https://www.cnblogs.com/DataFlow/p/14058124.html
Copyright © 2011-2022 走看看