如何防止CSS在新行上显示:: after内容？

Question

我正在尝试使用此CSS显示用逗号隔开的名称列表：

a:after {
    content: ', \00a0';
    display: inline-block;
    text-decoration: none;
}

由于我不希望换行中的每个元素，因此仅inline和inline-block显示属性受到质疑。 inline导致其他奇怪的结果：

• 尽管有text-decoration: none指令，但逗号和空格都带有下划线。
• 行始终以空格开头，除非名称在新行中继续。

HTML只是一个接一个的链接，像这样。不要判断我。

<a href="foo.com">Foo</a>
<a href="bar.com">Bar</a>

Answer 1

我想这就是您要寻找的东西]

HTML：

<a href="foo.com">Foo</a>
<a href="bar.com">Bar</a>

CSS：

a:after {
content: ', \00a0';
display: inline-block;
}

a {
 text-decoration: none;
}

必须将文本修饰符赋给a :: after