我有一个带有文本的 HTML 表格单元格。正文有长字和短字。我需要以某种方式排列文本，不适合单元格宽度的长词被破坏，但短词不会被破坏，只是移动到下一行。但是当我应用 css 属性“ word-break: break-all; ”时，它会破坏长词和短词。当我应用“ word-wrap: break-word; ”属性时，由于某种原因它不会破坏长单词并且单元格的宽度会自动拉伸。
word-break: break-all这里所有的单词都在不必要的地方被打断了，而且文本很丑：
word-wrap: break-word这里没有任何东西被破坏，但是单元格宽度被拉伸了：
我想要这样的东西，其中只有一个长单词被破坏并且表格单元格宽度保持不变：
这样只有一个长字被打断，宽度不变。我怎样才能做到这一点？