html - IE 根据内容更改元素排列

Question

如果跨度内容包含开头的点 <span>.filename</span>那么 Internet Explorer 将不会重排它们。

如何在不去除点的情况下使 IE 重排跨度？

JS Fiddle demo: with dots in content - 使用 IE
JS Fiddle demo: without dots

附言如果<span>更改为 <li>问题依然存在。

Answer 1

是的，你是对的。这看起来确实不对。

一个快速的解决方案是将 span 元素的显示类型更改为 inline-block。

在你的 fiddle 中，添加:

span {
    display:inline-block;
}

...在 CSS 面板中。这将使 IE 正常工作。参见 updated fiddle here .

它实际上并没有解决问题；它只是解决它，但就您的 fiddle 而言，它确实解决了问题。

希望它也适用于您的实际站点(它应该适用，但显然取决于您的页面布局；inline 和 inline-block 确实适用不同，所以可能会有一些奇怪的边缘情况。