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

Question

我有以下代码:

.taglist li{
display: inline;
}

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

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

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

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

Answer 1

Of course in IE7 and earlier there is no space between the list. I'm wondering if anyone has any ideas on how to still use the list technique, but have it not look horrible in older versions of IE.?

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

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