• 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>
  • 相关阅读:
    python中写一个求阶乘的函数
    python中filter关键字
    python中写一个求阶乘的函数
    python中如何获取函数文档
    python中lambda关键字创建匿名函数
    固态硬盘中m.2、sata、nvme、ahci、pcie是什么?
    python中lambda关键字定义匿名函数
    python中实现实参可选
    python中map()内置函数
    python中将实参变成可选的
  • 原文地址:https://www.cnblogs.com/DataFlow/p/14058124.html
Copyright © 2020-2023  润新知