自動換行：斷字； 不打破標簽

Question

我對 word-wrap break-word 屬性有問題，它應該打破代碼標簽，當它碰到邊界時

<div>class="link alert clearfix"</div>

但它並沒有打破這個詞，而是跳到下一行，在“投票”div旁邊

這是問題：

http://meetthemes.com/post/?post=Mooncraft+-+Themeforest+Premium+Theme

向下滾動到第三個下載鏈接，那個是跳下來的

Answer 1

如果你將它設置為display: inline-block並給它一個max-width ，它會為你打破這個詞。 您還需要刪除 CSS 中代碼元素上的white-space: nowrap ，或者通過添加white-space: normal為您的特定code.link類禁用它。

Answer 2

約翰的建議根本不起作用，為了工作，您還必須使用這篇文章中標題為的屬性：

所以使用下面的示例代碼：

<code style="display: inline-block;white-space: normal;max-width:100%; word-break:break-all; word-wrap:break-word;">anyyyyyyyylonnnnnngggggggggstringggggggggwillllbetrunnncateeeeeddddddd</code>

您可以設置任何最大寬度，整數 PX、EM 或百分比，也可以不設置最大寬度，因為它不是強制性的