css 白色转换为换行符

hgqdbh6s  于 2023-04-08  发布在  其他
关注(0)|答案(3)|浏览(122)

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

Format
It

使用CSS。

o2rvlv0m

o2rvlv0m1#

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

div {
    word-spacing: 100vw;
}

http://jsfiddle.net/ApL3h/

roejwanj

roejwanj2#

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

p {
  width:1px;
}

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

9nvpjoqh

9nvpjoqh3#

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

相关问题