我的word-wrap break-word属性存在问题，它应该打破代码标记 当它到达
的边界时<div>class="link alert clearfix"</div>
但它没有打破这个词，而是跳到下一行，在“投票”div旁边
问题在于：
http://meetthemes.com/post/?post=Mooncraft+-+Themeforest+Premium+Theme
向下滚动到第三个下载链接，即跳转的链接
答案 0 :(得分：9)
如果您将其设为display: inline-block并将其设为max-width，则会为您打破这个词。您还需要删除CSS中代码元素的white-space: nowrap，或者通过添加code.link为特定的white-space: normal类禁用它。
答案 1 :(得分：1)
John 的建议根本行不通，为了工作，您还必须使用本文标题中的属性：
所以使用下面的示例代码：
<code style="display: inline-block;white-space: normal;max-width:100%; word-break:break-all; word-wrap:break-word;">anyyyyyyyylonnnnnngggggggggstringggggggggwillllbetrunnncateeeeeddddddd</code>
您可以设置任何最大宽度，整数 PX、EM 或百分比，也可以不设置最大宽度，因为它不是强制性的