用 CSS 断词？

Question

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

{word-wrap: break-word}

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

例如我有：Solution for enterprise

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

Solution for enter
prise

而我想要：

Solution
for enterprise

谢谢

Answer 1

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

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

Answer 2

改用 css 的 white-space 属性。