CSS：在文本字符后插入换行符

Question

如何仅使用CSS在此代码中的第一个句点之后插入换行符？

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

我知道要在元素之后插入换行符，如下所示：

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

但是在选择特定角色后可以这样做吗？

Answer 1

您可以尝试使用自动换行和宽度来播放。

HTML：

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

CSS：

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

http://codepen.io/anon/pen/KwypPY