你可以为:after伪元素添加换行符吗？

Question

我想在<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";
}

这种方法在所提到的CCS 2.1规范的content属性:

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