中向后兼容的逗号列表

Question

我有以下代码：

.taglist li{
display: inline;
}

.taglist li:after {
content: ", ";
}

.taglist li:last-child:after {
content:"";
}

它需要一个无序列表的标签并将其变成一个漂亮的逗号分隔列表。当然，在 IE7 及更早版本中，列表之间没有空格。我想知道是否有人对如何仍然使用列表技术有任何想法，但它在旧版本的 IE 中看起来不那么可怕吗？我还尝试向 li 添加一些 margin-right，但它将一些文本推出其容器并导致它以非常奇怪的方式换行。

这样做可能不切实际，但我认为这是最语义化的方式。

Answer 1

当然，在 IE7 及更早版本中，列表之间没有空格。我是
想知道是否有人对如何继续使用该列表有任何想法
技术，但是在旧版本的 IE 中看起来不那么可怕吗？

如果仅在 IE7 及更低版本中的每个 li 后面添加一个小间隙就足够了，请使用以下命令：

.taglist li{
    display: inline;
    *padding-right: 6px; /* adjust to taste */
}

Answer 2

您可以尝试 ie7-js，也许会有帮助。如果您真的很关心，并且 ie7-js 不起作用，您可以编写自己的脚本来通过 JavaScript 插入 IE7 的文本节点来修复问题。

最好的方法是保持 HTML 良好，并尝试使用 JavaScript 修复 IE7 等损坏的浏览器的内容。