在标准模式下,当零宽度空间位于斜杠之前时,IE8会忽略零宽度空间

我怀疑这可能是IE8中的一个bug。我可以诱导您想要的行为的唯一方法是将斜杠更改为除法斜杠(\u2215):

Miles​∕gallon

出于某种原因,IE8不喜欢斜线的近距离。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<title>zwsp test</title>
<style type="text/css" media="screen">
    .zwsp {
        display: -moz-inline-box; /* Firefox before 3.0 */
        height: 1px; /* Firefox before 3.0 screws up line height */
        display: inline-block; /* Standards-based browsers (and IE!) */
        overflow: hidden; /* In most cases will prevent weird spacing due to font sizes */
        width: 1px; /* Must take up some space to appear in layout */
        margin-left: -1px; /* Cancel the space it takes up */
    }
</style>
</head>
<body>
<!-- Wide (without space) -->
<div style="width: 100px; border: solid black 1px; font-size: 15px">
    Miles/gallon
</div>
<!-- Wide (with space) -->
<div style="width: 100px; border: solid black 1px; font-size: 15px">
    Miles<span class="zwsp"> </span>/gallon
</div>
<!-- Narrow (with space) -->
<div style="width: 50px; border: solid black 1px; font-size: 15px">
    Miles<span class="zwsp"> </span>/gallon
</div>
</body></html>

我看到同样的问题是IE11。@ferdley的解决方案是有效的,但是正则斜杠和&#x2215看起来略有不同。

我的解决方案是在前一个和斜杠之间再加一个零宽度的空格,即。,

Miles​​/gallon