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>
  • 相关阅读:
    prometheus学习系列三:node_exporter安装部署
    prometheus学习系列一: Prometheus简介
    prometheus学习系列二: Prometheus安装
    crontab定时任务不执行,单独运行sh生效
    glusterfs+heketi为k8s提供共享存储
    kubernetes的安装方法
    阿里云负载均衡权重管理脚本
    ldap配置系列二:jenkins集成ldap
    ldap配置系列一:ldap的安装
    ldap配置系列三:grafana集成ldap
  • 原文地址:https://www.cnblogs.com/DataFlow/p/14058124.html
Copyright © 2011-2022 走看看