将空白空间转换为换行符

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;
}

示范

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