用CSS打破单词？

Question

我在网站上工作，我的菜单中有很多长词。我想将它们显示在两行而不是一行。我在CSS中使用了word-wrap proprety。

{word-wrap: break-word}

但这个属性打破了这个词。

例如我有：Solution for enterprise

当我使用自动换行属性时，我得到了这个：

Solution for enter
prise

我希望：

Solution
for enterprise

由于

Answer 1

评论中提到的各种选项：

• 在链接包装器（li或其他）上设置宽度，以便自然换行;
• 在您希望换行的地方添加<br>元素;
• 围绕单词包裹span以包裹并将范围设置为display: block。

Answer 2

使用css的white-space属性。