Css 在单词之间的空白处换行

是否可以在空白处换行并将下一个单词放在新行上

在以下示例中，结果应类似于第二个标题：

.test{
文本对齐：居中；
}
h1{
显示：内联块；
}
跨度{
位置：相对位置；
顶部：50px；
右：45px；
}

分开这个
分开这个

您可以为属性使用非常高的值。它将在单词之间的每个空白处断线：

.test{
文本对齐：居中；
}
h1{
字距：9999px；
}

分开这个

您可以在CSS中使用

word wrap

，以确保您的文字不会被剪切，并且如果内容区域的大小不合适，则会强制插入下一行

例如：

h1 {
   word-wrap: break-word;
}

如果您想要打断单词，无论打断点是什么（导致单词从不再适合该区域的点打断），您都可以使用

word break

h1 {
   word-break: break-all;
}

• 空白：中断空间：必要时在空白处打断单词

• 宽度：最小内容：将宽度设置为尽可能小的内容

• 左边距：自动和
  右边距：自动：（可选）与中心对齐

.test{
文本对齐：居中；
宽度：最小含量；
空白：空白；
左边距：自动；
右边距：自动；
}

分开这个

CSS无法选择文本节点。因此，目前纯CSS不可能实现。因此，我必须使用第二种解决方案