css 白色转换为换行符

hgqdbh6s 于 2023-04-08 发布在其他

关注(0)|答案(3)|浏览(123)

是否可以使用CSS在每个白色处添加换行符？
例如，如果我有一个字符串"Format It"，我想显示它如下

Format
It

使用CSS。

3条答案

你可以使用word-spacing属性。它定义了单词之间的空格。如果你把它设置为容器的大小，它会强制换行...
由于它不接受百分比值，因此可以使用相对值，如vw。

div {
    word-spacing: 100vw;
}

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

p {
  width:1px;
}

demonstration
但这实际上取决于您的用例和特定需求。

您也可以尝试：
div { white-space：break-spaces;}