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:尽管根据其他答案,这听起来似乎都不起作用……看: