html - 如何使用 CSS 在元素之后而不是元素之前插入换行符？

Question

例如:

HTML:

The quick brown fox <span class="break">{BREAK}</span> jumps over the lazy dog.

我想要这个显示:

The quick brown fox {BREAK}

jumps over the lazy dog.

我查看了 display 属性，但是 display:inline; 没有在任何地方中断，而 display:block 在两边都设置了中断.

我还查看了 :after 伪类，但是 .break:after{content:"\000A";} 最终呈现为一个空格，而不是而不是换行。

Answer 1

默认情况下，HTML 元素会忽略空格。
你需要change that :

.break:after {
    content:"\000A";
    white-space: pre;
}