我有一个关于word-wrap break-word属性的问题，它应该打破代码标记，当它碰到边框时
<div>class="link alert clearfix"</div>
但它并没有将单词分开，而是跳到下一行，在“voting” div 的旁边
这里的问题是：
http://meetthemes.com/post/?post=Mooncraft+-+Themeforest+Premium+Theme
向下滚动到第三个下载链接，那就是跳下去的那一个。
2个回答
9
如果您将其设置为display: inline-block并给它一个max-width，它将为您断开单词。您还需要在CSS中删除white-space: nowrap代码元素，或通过添加white-space: normal来禁用特定的code.link类。
- John
4
John的建议完全不起作用，要使其生效，您还必须使用本文中提到的属性：
因此，请使用以下示例代码：
<code style="display: inline-block;white-space: normal;max-width:100%; word-break:break-all; word-wrap:break-word;">anyyyyyyyylonnnnnngggggggggstringggggggggwillllbetrunnncateeeeeddddddd</code>
您可以设置任何最大宽度，以整数PX、EM或百分比形式，也可以不设置最大宽度，因为这不是必需的。
- Devmyselz
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 4 "word-wrap: break-word" 与内联块子元素
- 18 CSS的word-wrap: break-word无法工作
- 53 IE8中的word-wrap:break-word不起作用。
- 3 "word-wrap:break-word" 似乎无效。
- 4 "word-wrap:break-word在iText 2.1.7中无效"
- 105 这个例子中 word-wrap break-word 不起作用。
- 83 在表格中使用"word-wrap: break-word"
- 4 “word-break: break-all” 和 “word-wrap: break-word” 有什么区别？
- 12 word-wrap: break-word和word-break: break-word有什么区别？
- 4 结合word-wrap：break-word;和white-space：pre;