Html 使文本以大的不换行div的宽度换行

考虑以下HTML：

foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo
福
条形条

您正在使用

空白：nowrap中的样式删除自动换行符

如果您没有特定的理由将其放在此处，请尝试将其删除
 您正在使用
空白：nowrap中的样式删除自动换行符

如果您没有特定的理由将其放在此处，请尝试将其删除
 无法设置foo文本节点的样式（它只是一个节点，不是元素）。据我所知，您唯一的选择是设置
元素的样式。您可以使用
width:min content
将其缩放到其内容的宽度


正文{
宽度：最小含量；
}
foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo
福
条形条
无法设置foo文本节点的样式（它只是一个节点，不是元素）。据我所知，您唯一的选择是设置
元素的样式。您可以使用
width:min content
将其缩放到其内容的宽度


正文{
宽度：最小含量；
}
foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo
福
条形条
显示：内联块
将使文本保持实心block@Simplicius你有到规范的链接吗？没有“foo block”要在此处设置样式，只有带有文本节点的body元素
display:inline block
将使文本保持实心block@Simplicius你有到规范的链接吗？这里没有“foo block”样式，你只有body元素和一个文本节点display:inline block；如果你有一个实际的元素来应用它，会更好、更受支持，不是吗？在我阅读问题的方式中，OP尝试将文本节点的样式设置为body元素的直接后代。您将其应用于body而不是width:min Contents，这对我来说似乎没有切分，无论是FF还是Chrome。实际上，它是一个在div中的节点，因此您可以使用周围的div扩展您的答案。display:inline block；如果你有一个实际的元素来应用它，会更好、更受支持，不是吗？在我阅读问题的方式中，OP试图将文本节点的样式设置为body元素的直接后代。您将其应用于body而不是width:min Contents，这对我来说似乎没有切分，FF和Chrome都没有切分。实际上，它是在div中的一个，因此您可以使用周围的div扩展您的答案。