您可以添加换行符到：伪元素之后？

Question

我想一个<br />追加到一个特定的类。使用：后伪类简单地显示<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属性href="http://www.w3.org/TR/CSS2/generate.html"> CCS 2.1规范：

  

作者可以通过写在生成的内容换行   在"\A"后'content'转义序列中的一个字符串   属性。这插入换行符仍受制于    'white-space' 属性。

Answer 3

更糟糕 - 的：下课后甚至没有工作在IE6（和可能其他一些浏览器太）

我觉得你真的想在这里什么是对的元素底部的边距，提供间距。

简单地

.myElement {
    margin-bottom: 1em;
}