如何在 Javascript 中換行

可以在 HTML 元素中添加換行符，而無需使用偽元素使用
換行符返回。偽元素用於對元素的特定部分進行建模。這裡我們將使用::after 來設置 HTML 元素的樣式以添加換行符。

在上面的代碼中，我們使用 ::after 偽元素在每個內聯元素（由跨度表示）上，在文本跨度行之後添加一個回車符（由“a”表示）。在這種情況下，::after 有一個 content 屬性和一個 whitespace 屬性可供使用。

“content”屬性描述了我們想要注入持續時間的東西。 white space 屬性告訴我們是否應該保留空白。禁用此特定屬性不會影響托架的串聯鎖定功能。所以我們需要添加這個特殊的屬性來替換它。

隨著你越來越多地玩風格和佈局，你可能會發現上面的解決方案不一定是最好的解決方案。如果您在背景中添加任何類型的填充，您會看到這些 CSS 屬性往往會在背景出現的地方褪色。請參閱下面的示例代碼，它說明了這一點：

教授鄧布利多教授

教授麥格教授

教授流氓

教授特里勞妮