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>
  • 相关阅读:
    ubuntu16.04本地软件源搭建
    2080TI显卡ubuntu16.04机器学习安装和克隆
    PLSQL导入excel数据方法
    只有英伟达显卡输出口的电脑安装ubuntu系统记录
    百度人脸识别学习
    http application/x-www-form-urlencoded 模式响应学习
    JS中继承的几种实现方式
    浅拷贝和深拷贝
    防抖和节流
    HTML知识点总结
  • 原文地址:https://www.cnblogs.com/DataFlow/p/14058124.html
Copyright © 2011-2022 走看看