是否可以使用CSS3在HTML中的特定字符之后插入换行符?在这种情况下,我们需要在感叹号!
后插入换行符。 This谈论了:before
伪元素和content
。在感叹号之后放置换行符可能吗?每个“!”后插入换行符字符
0
A
回答
1
对于纯粹的CSS,不可能在页面上找到所有感叹号。但是,如果您碰巧拥有以自己的元素中的感叹号结尾的所有内容,则可以向其添加一个类,该类具有一些:after
伪内容。
.new-line:after {
content: "";
display: block;
}
使得:after
内容display: block
允许内容占用线路的整个空间,迫使后,来到下一行的元素。 https://jsfiddle.net/5mL48tyc/
但是,将所有东西包装在<span>
不是最优雅的解决方案。不知道你在处理什么,但假设感叹号位于文本块的末尾,你可以简单地给这些块分配一个容器display: block
。
+0
谢谢@conz。这就是我在想的 - 不可能找到所有的'!',并且对每个都应用':after'。这将需要一些jQuery,在这种情况下,这是不可能的。我只能访问CSS,并需要将文本包装在'!'中。 – Alex 2015-04-02 01:24:18
相关问题
- 1. 如何在每80个字符后插入换行符
- 2. 在base64字符串中每76个字符后插入换行符
- 3. Comint模式插入换行符每4096个字符
- 4. 如何使用jQuery在每200个字符后插入换行符
- 5. 将字符串插入MySQL后,字符'\ n'(换行符)消失
- 6. REGEX - 在每4个字符后插入一个空格,并在每40个字符后插入一个换行符
- 7. 如何在c#中的每个点之后插入换行符?
- 8. R:自动换行功能:插入\ n每16个字符
- 9. 在每个字符[批处理文件]后面插入新行
- 10. 在数据库的每两行后面插入换行符
- 11. C#换行符每n个字符
- 12. 计算换行符每N个字符?
- 13. CSS:在文本字符后面插入换行符
- 14. 如何在“x”字符后插入换行符
- 15. 如何在一定数量的字符后插入换行符
- 16. C++ Stream:在换行符后面插入字符串
- 17. JavaScript - 在字符串的每一个换行符处插入“\ r \ n”
- 18. Mysql:替换字符,然后插入列
- 19. 如何在javascript中每n个字符之后插入一个字符?
- 20. 在文本换行的字符串中插入换行符?
- 21. Python:在字符串的每个字母字符后插入逗号
- 22. PHPMailer插入'='等号每75个字符
- 23. 插入Hyphon每两个字符批量
- 24. Python - 插入每行x个元素的换行符
- 25. SED图案后第一米字符,然后在每n个字符之后插入字符
- 26. 插入一个换行符字符串中的每10个字符使用朱莉娅
- 27. 在c中的每个字符后面插入一个逗号#
- 28. 在每个给定字符之后插入一个空格 - java
- 29. 在字符数组中插入一个新的换行符
- 30. 将换行插入字符串
我对你特别提出的问题有点困惑,这将有助于看到一些代码。在CSS中有一个:after元素,所以如果你想要的可以用:before,它最有可能也可以用:after完成。 http://www.w3schools.com/cssref/sel_after.asp – crazymatt 2015-04-01 20:54:40