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>
  • 相关阅读:
    Toolkit-常用函数库
    webpack 4版本以上 并行编译 thread-loader
    json格式数据下载
    npm 并行执行 concurrently
    WebAssembly assemblyscript
    npm outdated npm prune
    require import 引入区别
    C#数组的微软官方文档(链接)
    在C#中,override的成员仍然是virtual的
    SQL Server的DECIMAL类型,进行算术运算后会有精度变化
  • 原文地址:https://www.cnblogs.com/DataFlow/p/14058124.html
Copyright © 2011-2022 走看看