将空格转换为换行符

Question

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

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

Format
It

使用 CSS。

- user3733648

---

不可能使用CSS实现。 - Richa

你不能只用CSS实现，但是你可以使用JavaScript，例如 $('p').text().replace(" ","<br/>");。 - r3wt

@r3wt 你可能想用 .replace(/\s/g,"<br/>"); ：使用字符串作为第一个参数只会进行一次替换。 - Denys Séguret

@dystroy，我没有，但感谢你教给我一些东西。 - r3wt

@r3wt 好吧，你教会了我“133t”（是的，我就是那么老）。 - Denys Séguret

@dystroy 你可能是想说 教 的吧 ;-) - r3wt

Answer 1

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

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

div {
    word-spacing: 100vw;
}

http://jsfiddle.net/ApL3h/

- LcSalazar

Answer 2

解决方法是将其宽度缩小，标准的white-space处理会使行自动换行：

p {
  width:1px;
}

演示

但这真的取决于你的使用情况和具体需求。

- Denys Séguret

Answer 3

你也可以尝试使用以下方法：

{ white-space: break-spaces; }

- Trace