css - 用 CSS 断词？

Question

我在一个网站上工作，我的菜单上有很多长词。我想将它们显示在两行但不是一行。我在 CSS 中使用了自动换行属性。

{word-wrap: break-word}

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

例如我有：Solution for enterprise

当我使用 word-wrap 属性时，我得到了这个：

Solution for enter
prise

而我想拥有：

Solution
for enterprise

谢谢

Answer 1

各种选项，一些在评论中提到：

• 在链接包装（或其他）上设置宽度，li以便单词自然换行；
• <br>在您希望单词换行的位置添加一个元素；
• 将 a 包裹span在要包裹的单词周围并将跨度设置为display: block.

Answer 2

改用 css 的 white-space 属性。