将空白空间转换为换行符

Question

是否可以使用CSS在每个空格上添加换行符？

例如，如果我有字符串"Format It"，我想将其显示为

Format
It

使用CSS。

Answer 1

您可以使用word-spacing属性。它定义了单词之间的空格。如果将其设置为容器的大小，则会强制换行...

由于它不接受百分比值，因此您可以使用vw之类的相对值。

div {
    word-spacing: 100vw;
}

http://jsfiddle.net/ApL3h/

Answer 2

解决方案是使其不够宽，标准white-space处理将使换行：

p {
  width:1px;
}

demonstration

但这实际上取决于您的使用案例和具体需求。