惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Martin Fowler
Martin Fowler
WordPress大学
WordPress大学
月光博客
月光博客
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
大猫的无限游戏
大猫的无限游戏
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园 - 聂微东
Apple Machine Learning Research
Apple Machine Learning Research
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
雷峰网
雷峰网
小众软件
小众软件
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 叶小钗
美团技术团队
宝玉的分享
宝玉的分享
Hugging Face - Blog
Hugging Face - Blog
阮一峰的网络日志
阮一峰的网络日志
A
About on SuperTechFans
Jina AI
Jina AI
D
Docker
Last Week in AI
Last Week in AI
MongoDB | Blog
MongoDB | Blog
Stack Overflow Blog
Stack Overflow Blog
Microsoft Azure Blog
Microsoft Azure Blog

博客园 - DataFlow

系统架构 创造HTTPS的是个神 为Chrome开发插件提高工作效率 Javascript 控制style 小结 svcutil 生成代理类时的问题 xeam Build Definition Extension uninstall 卸载 Wcf客户端配置里Endpoint的Name属性无效 屏蔽电信流氓弹出广告 正则替换中的一个Bug SQL server 性能相关 SQL Express 相关 时间格式 输出一个在没有.Net 环境的机器也可以跑得安装包 再谈性能力 SCOM Configuration NumSamples and Absolute XML中的时间 decimal.Round 的区别 Dos中常用的命令 反序列化怪现象,数组无父
word break 在不同浏览器中的表现
DataFlow · 2020-11-29 · via 博客园 - DataFlow

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>