0

我需要根据 div 宽度在 div 中换行。div 宽度是动态的。如果它不是一个长单词,单词不应该中断。

我使用了 word-break:break-allword-wrap:break-word。正如我们所料,行是中断的,但单词也是中断的。但我们不会破坏这个词。

请找到所附图片。 http://i.stack.imgur.com/xJesQ.png

4

3 回答 3

0

是的它现在正在工作。我在 div 内使用 table ,其中有一个<tr>和一个<td>like <div> <table style="table-layout: fixed;width: 100%;word-wrap: break-word;"><tr><td> ....content.... </td></tr></table> </div>。现在换行符根据 div 宽度工作,如果它不是一个长词,也会打破这个词。

于 2014-07-31T08:51:50.767 回答
0

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

width: 100%
于 2014-07-30T10:46:12.090 回答
0

使用word-wrap:break-word-

演示

这样,只有比整个容器宽度更宽的单词才会中断。

于 2014-07-30T10:51:00.753 回答