Question

是否可以使用CSS3在HTML中的特定字符后插入换行符？在这种情况下，我们需要在感叹号!之后插入换行符。 This讨论了:before伪元素和content。这是否可以在感叹号后面换行？

Answer 1

使用纯CSS，找不到页面上的所有感叹号是不可能的。但是，如果您碰巧在其自己的元素中包含以感叹号结尾的所有内容，则可以向其中添加具有一些:after伪内容的类。

.new-line:after {
  content: "";
  display: block;
}

制作:after内容display: block允许内容占据该行的整个空间，迫使其后面的元素到达下一行。 https://jsfiddle.net/5mL48tyc/

然而，将所有内容包装在<span>中并不是最优雅的解决方案。不确定你正在使用什么，但假设感叹号位于文本块的末尾，你可以简单地给这些块添加一个display: block的容器。