html - IE8 在标准模式下忽略斜杠前的零宽度空格

标签 html internet-explorer-8

我有一个包含可变宽度单元格的表格,我想为浏览器提供在斜线前插入换行符的选项,而不是强制执行。我通过在斜杠前插入一个零宽度空格 (ZWSP) 字符来进行尝试,它在我测试过的所有浏览器中都运行良好,除了 IE6 和 IE8。

对于 IE6,我使用一些 Javascript 将字符替换为 标记——这不是最优雅的解决方案,但它有效。

在 IE8 中,我还没有找到解决它的实用方法。它弄乱了我 table 的布局。我发现它不仅限于表格。它似乎发生在任何一种元素上。浏览器拒绝承认 ZWSP,而是选择让文本从盒子中流出,这看起来很难看。我注意到我可以通过将其置于兼容性 View 中使浏览器正确处理它,但这会给我带来其他问题。

有谁知道一种简单实用的方法可以使 ZWSP 的行为符合 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>
</head>
<body>
<div style="width: 50px; border: solid black 1px; font-size: 15px">
    Miles&#8203;/gallon
</div>
</body></html>

最佳答案

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

Miles&#8203;&#x2215;gallon

出于某种原因,IE8 不喜欢斜杠的接近度。

关于html - IE8 在标准模式下忽略斜杠前的零宽度空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1479927/

相关文章:

javascript - 提交时在控制台中显示表单数据

html - 缩小浏览器时如何制作内容居中的拉伸(stretch)标题

javascript - 如何在 Internet Explorer 8 中使用 new Image()?

html - 标题 ="tooltip description"的自定义 IE8 工具提示

Javascript 代码在 IE8/7 中不起作用

internet-explorer - 如何使谷歌地图半透明 PNG 瓦片层在 IE8 中工作?

javascript - IE8 修复了多个下拉框的下拉问题

javascript - CSS 颜色属性不起作用

html - 在心脏的电子邮件主题行中使用什么 HTML 实体?

html - 在 CSS 中设置 select 和 input 元素的宽度相等