在 linux chrome 27.0.1453.93 和 windows chrome 27.0.1453.94 中试过。示例位于 http://jsfiddle.net/SruNd/4/ .
CSS
.main {
width : 100px;
border : 1px solid #000;
word-wrap: break-word;
}
HTML
<div class='main'>
<fieldset>
<div>
http://www.aaa.com/bbb/ccc/ddd/eee/fff/ggg
</div>
</fieldset>
</div>
我也尝试过将自动换行属性直接应用于内部 div 并且字段集是 block 元素。
在我看来这就像是一个 chrome 错误,因为我也在 FireFox 中尝试过它并且它在斜杠上按原样包装,并且在没有字段集的情况下它也可以在 Chrome 中正确执行此操作。
我尝试提交 chrome 错误报告,但由于格式错误的 HTTP 请求错误,该页面现在不接受我的提交。
如果有人有任何见解,请提供帮助。谢谢。
最佳答案
在 fieldset 标签上使用:
fieldset
{
min-width: auto;
}
其实这是chrome对fieldset的默认属性造成的:
min-width: -webkit-min-content;
关于html - Word-wrap 不适用于 chrome 中 fieldset 内的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16942338/