<ul> </ul>中向后兼容的逗号列表

Question

我有以下代码：

.taglist li{
display: inline;
}

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

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

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

这样做可能不太实际，但它让我感到最为语义化。

Answer 1

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

最好是保持HTML良好，并尝试使用JavaScript修复IE7等破碎浏览器。

Answer 2

  

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

如果仅在中的每个li之后添加一个小间隙，只有IE7及更低版足够好，请使用：

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