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

您可以使用//To read/access your XML-File BufferedReader read = new BufferedReader(new InputStreamReader(getClass().getResourceAsStream("/test.xml"))); //To read/access your gif-Files ImageIcon icon = new ImageIcon(this.getClass().getResource("/"+num+".gif"));转义序列，它将呈现为换行符：

\A

.new-line:after { white-space: pre-wrap; content: "\A"; }属性的CCS 2.1 Specification中提到了此方法：

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

Answer 3

情况变得更糟 - 下课后甚至不能在IE6（以及其他一些浏览器）中工作。

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

简单地

.myElement {
    margin-bottom: 1em;
}

Answer 4

您可以从您的资产中添加自定义图标，只需...

 &:after {
    content: url('~content/icons/drop-down-arrow.png');
  }

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

4 个答案: