html加入减号以后换行,连字符后没有换行

IE8 / 9使CanSpice答案中提到的不间断连字符比典型的连字符更长。它是一个破折号的长度,而不是典型的连字符。这种显示差异对我来说是一个重大突破。

由于无法使用Deb指定的CSS答案,因此我选择不使用中断标签。

e-mail

此外,我发现了导致IE8 / 9连字符中断的特定情况。

字符串包含用不间断空格分隔的单词-  

宽度有限

包含破折号

IE就是这样渲染的。

b96b8e6622443c4c685c14bd87639c21.png

de2ef4fd971b479f4ab6ccf297f88b0f.png

下面的代码重现了上图所示的问题。我不得不使用一个meta标签来强制渲染到IE9,因为IE10已解决了该问题。不用费劲,因为它不支持元标记。

body { padding: 20px; }

div { width: 300px; border: 1px solid gray; }

If there is a - and words are separated by the whitespace code   then IE will wrap on the dash.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值