您可以在：after伪元素中添加换行符吗？

我想将a附加<br />到特定的类。使用：after伪类仅显示<br />为文本。

有没有办法使这项工作？

它是IE8的内部功能，因此浏览器问题不成问题。如果我做

<span class="linebreakclass">cats are</span> brilliant

我希望“辉煌”出现在新行中。

您将无法呈现HTML标签，但可以设置如下样式：

.needs-space:after {
    content: " ";
    display: block;
    clear: both; /* if you need to break floating elements */
}

这里主要设置display: block;这将使：后里面的内容DIV。所有最新的浏览器都支持此伪元素。包括IE。说这话，您应该注意您的用户及其浏览器。

您可以使用\A转义序列，该序列将作为换行符呈现：

.new-line:after {
  white-space: pre-wrap;
  content: "\A";
}

CCS 2.1规范中针对该content属性提到了此方法：

作者可以通过"\A"在'content' 属性后的字符串之一中写入转义序列，在生成的内容中包括换行符 。此插入的换行符仍受该'white-space'属性约束 。

情况变得更糟-：after类甚至在IE6中也不起作用（可能还有其他一些浏览器）。

我认为您真正想要的是元素底部的边距，以提供间距。

只是

.myElement {
    margin-bottom: 1em;
}