如何根据div宽度进行换行，如果它不是css中的长字，则不应该破坏该单词

Question

我需要基于div宽度的div中的换行符。 div宽度是动态的。如果不是一个长词，Word就不应该破坏。

我使用 word-break：break-all 和自动换行：break-word 。线条像我们预期的那样突破，但是单词也是突破。但我们并没有打破这个词。

请查看附件图片。 http://i.stack.imgur.com/xJesQ.png

Answer 1

尝试使用css bootstrap脚手架或响应列 你也可以尝试将div的css设为

width: 100%

Answer 2

使用word-wrap:break-word -

<强> DEMO

这样，只有宽于整个容器宽度的单词才会中断。

Answer 3

是的，现在正在运作。我在div中使用了一个<tr>和一个<td>的{​​{1}}表。现在换行基于div宽度工作，如果它不是一个长词，也会打破这个词。