你可以在伪元素之后添加换行符吗?

我想追加一个<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";
}

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

作者可以在生成的内容中包含换行符,方法是在'content'属性之后的字符串之一中写入"A"转义序列。 插入的换行符仍然受'white-space'属性限制。


它变得更糟 - 下面的课程甚至不能在IE6中工作(可能还有其他一些浏览器)。

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

只是

.myElement {
    margin-bottom: 1em;
}
链接地址: http://www.djcxy.com/p/15549.html

上一篇: Can you add line breaks to the :after pseudo element?

下一篇: Add a space (" ") after an element using :after