每個「！」後插入換行符字符

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。