CSS：在文本字符後面插入換行符

如何在僅使用CSS的代碼中的第一個句點之後插入換行符？CSS：在文本字符後面插入換行符

<footer>©2004-2015 Delta Systems, Inc. All Rights Reserved.</footer>

我知道，是這樣的一個元素後插入一個換行符：

h4 { display: inline; float: none; } 
h4:after { content: "\a"; white-space: pre; }

但有可能選擇一個特定字符後辦呢？

你能不能減少它的寬度，而不是強制文本換行到一個新行？ – grc 2015-02-05 13:46:12

在你的「footer」（基於提供的HTML）中，沒有「元素」只是原始文本......這意味着你根本無法用CSS選擇它。除此之外......不。 CSS樣式內容..它無法檢測到它。 – 2015-02-05 13:47:05

很酷，如果我們有某種形式：nth-word（）psuedo！但沒有。正如@grc所說，你可以通過設置寬度來強制它使用新的行。 – Aaron 2015-02-05 13:52:31

你可以嘗試像這樣使用自動換行和寬度播放。

HTML：

<footer>©2004-2015 Delta Systems, Inc. All Rights Reserved.</footer>

CSS：

footer { 
    width: 220px; 
    word-wrap: break-word 
}

2015-02-05 14:10:17 Spencer

回答