每个“！”后插入换行符字符

是否可以使用CSS3在HTML中的特定字符之后插入换行符？在这种情况下，我们需要在感叹号!后插入换行符。 This谈论了:before伪元素和content。在感叹号之后放置换行符可能吗？每个“！”后插入换行符字符

2015-04-01 Alex

我对你特别提出的问题有点困惑，这将有助于看到一些代码。在CSS中有一个：after元素，所以如果你想要的可以用：before，它最有可能也可以用：after完成。 http://www.w3schools.com/cssref/sel_after.asp – crazymatt 2015-04-01 20:54:40

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

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

使得:after内容display: block允许内容占用线路的整个空间，迫使后，来到下一行的元素。 https://jsfiddle.net/5mL48tyc/

但是，将所有东西包装在<span>不是最优雅的解决方案。不知道你在处理什么，但假设感叹号位于文本块的末尾，你可以简单地给这些块分配一个容器display: block。

来源

2015-04-01 21:01:12 conz

谢谢@conz。这就是我在想的 - 不可能找到所有的'！'，并且对每个都应用'：after'。这将需要一些jQuery，在这种情况下，这是不可能的。我只能访问CSS，并需要将文本包装在'！'中。 – Alex 2015-04-02 01:24:18

每个“！”后插入换行符字符

回答

相关问题