如何在不破坏短词的情况下打破文本中的长词

Question

我有一个带有文本的HTML表格单元格。该文有长短的字。我需要以某种方式排列文本，不符合单元格宽度的长单词会被破坏，但短单词不会被破坏而只会移动到下一行。 但是当我申请css属性＆＃34; word-break：break-all; ＆＃34;它打破了长话和短话。当我申请＆＃34; 自动换行：break-word; ＆＃34;属性，它由于某种原因不会破坏长字，并且单元格的宽度会自动延伸。

word-break：break-all 这里所有单词都在没有必要的地方被破坏，文字很难看：

自动换行：break-word 这里没有任何内容被破坏，但是单元格宽度被拉伸了：

我想要这样的东西，只有一个长字被破坏，表格单元宽度保持不变：

这样只会打破一个长字，宽度不会改变。我怎么能这样做？