Word换行不适用于chrome内的fieldset集合

在linux chrome 27.0.1453.93和windows chrome 27.0.1453.94中试过。例如http://jsfiddle.net/SruNd/4/。Word换行不适用于chrome内的fieldset集合

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和字段集是块元素。

在我看来，像Chrome错误，因为我以前也试过这个在Firefox和它包装，因为它应该在的斜线，并没有在表单该节还在Chrome正确呢。

我试图向Chrome错误报告，但该页面不接受，现在我的提交由于畸形的HTTP请求错误。

如果有人有任何见解，请帮助。谢谢。

2013-06-05 JSous

你不应该使用'自动换行：打破-word'对于大多数类型的字符数据，包括网址。网址只能在合理的突破点打破，例如在'/'之后，但不在路径组件中。 –

使用该对字段集标签：

fieldset 
{ 
    min-width: auto; 
}

其实，这是由于Chrome的默认属性字段集：

min-width: -webkit-min-content;

2013-06-05 14:24:32

完美！谢谢 – JSous

当使用auto时，我得到了一个“无效值”，但是“0”起作用了（0是MDN作为初始值的状态）。 – RussellUresti

您需要设置一个min-width和max-width到div 。例如：

2013-06-05 14:53:51 ErikMes

这相当于只在内部div上设置固定宽度，但外部div使用百分比大小，在内部div上设置百分比大小时不起作用 – JSous

HTML代码

<div class='main'> 
<fieldset> 
    <div class="content"> 
     http://www.aaa.com/bbb/ccc/ddd/eee/fff/ggg 
    </div> 
</fieldset> 
</div>

CSS代码

.content{ 
width : 100%; 
border : 1px solid #000; 
word-wrap: break-word; 
}

2013-06-05 15:27:33

不适用于我 – JSous

回答