你可以添加换行符：在伪元素之后？

我想追加一个<br />到一个特定的类。 使用：after伪类简单地将<br />显示为文本。

有没有办法做到这一点？

这是IE8的内部，所以浏览器问题不是一个问题。 如果我做

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

我希望“辉煌”出现在一个新的线上。

Answer 1

您将无法呈现HTML标记，但可以像这样设置样式：

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

这里的主要设置是display: block; 这将呈现：在 DIV内的内容之后 。 所有最新的浏览器都支持这个伪元素。 包括IE。 说这个你应该知道你的用户和他们的浏览器。

Answer 2

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

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

content属性的CCS 2.1规范中提到了此方法：

作者可以通过在'content'属性之后的string之一写入"\A"转义序列，在生成的内容中包含换行符。 插入的换行符仍然受到'white-space'属性的限制。

Answer 3

它变得更糟 – 在课后，甚至没有在IE6（也可能是其他一些浏览器）的工作。

我想这里你真正想要的是元素底部的边距，以提供间距。

只是

 .myElement { margin-bottom: 1em; }