Css 能否将换行符添加到:after伪元素?

Css 能否将换行符添加到:after伪元素?,css,pseudo-element,Css,Pseudo Element,我想将附加到特定类。使用:after伪类仅将显示为文本 有没有办法让这一切顺利进行 它是IE8的内部版本,所以浏览器问题不是问题。如果我这样做 <span class="linebreakclass">cats are</span> brilliant 猫很聪明 我希望“brilliant”出现在新的一行。更糟的是:课后练习在IE6中甚至不起作用(可能还有其他一些浏览器) 我想你真正想要的是元素底部的边距,以提供间距 简单地 .myElement { marg

我想将

附加到特定类。使用:after伪类仅将

显示为文本

有没有办法让这一切顺利进行

它是IE8的内部版本,所以浏览器问题不是问题。如果我这样做

<span class="linebreakclass">cats are</span> brilliant
猫很聪明
我希望“brilliant”出现在新的一行。

更糟的是:课后练习在IE6中甚至不起作用(可能还有其他一些浏览器)

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

简单地

.myElement {
    margin-bottom: 1em;
}

您将无法呈现HTML标记,但可以如下设置样式:

。需要空间:之后{
内容:“;
显示:块;
清除:两者;/*如果需要断开浮动元素*/
}

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

你可以使用
\A
转义序列,它将作为换行符呈现:

.new-line:after {
  white-space: pre-wrap;
  content: "\A";
}
对于
内容
属性,在中提到了此方法:

作者可以通过编写
“\A”
'content'
财产。此插入的换行符仍受 财产


为澄清而编辑-我不认为空白可以做到这一点?我明白了-我的答案只适用于问题的第一次修订,非常有效,谢谢。这是一个内部软件项目,所有计算机都在运行IE8,所以我不介意使用复杂的css:)看这个问题。n:尽管根据其他答案,这听起来似乎都不起作用……看: