自动换行:换行；不换行<code></code>标记
自动换行:换行；不换行<code></code>标记
提问于 2013-03-13 05:31:55
我对换行break-word属性有一个问题，它应该在到达
<div>class="link alert clearfix"</div>但是它并没有破坏单词，而是跳到下一行，紧挨着"voting“div。
以下是问题所在：
http://meetthemes.com/post/?post=Mooncraft+-+Themeforest+Premium+Theme
向下滚动到第三个下载链接，这就是向下跳转的链接
回答 2
Stack Overflow用户
发布于 2013-03-13 05:43:57
如果您将其设置为display: inline-block并给它一个max-width，它将为您断开word。您还需要在CSS中删除white-space: nowrap元素上的代码，或者通过添加white-space: normal为您的特定code.link类禁用它。
Stack Overflow用户
发布于 2021-03-08 02:11:47
John的建议根本不起作用，为了工作，你还必须使用这篇文章中提到的属性：
因此请使用以下示例代码：
<code style="display: inline-block;white-space: normal;max-width:100%; word-break:break-all; word-wrap:break-word;">anyyyyyyyylonnnnnngggggggggstringggggggggwillllbetrunnncateeeeeddddddd</code>您可以设置任何max-width，以整数PX、EM或百分比为单位，也可以简单地不设置max-width，因为它不是强制性的
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15372568
复制相关文章
相似问题
腾讯云开发者
