自动换行不适用于Chrome字段集内的div

JSo*_*ous 5 html css google-chrome

在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;
}
Run Code Online (Sandbox Code Playgroud)

的HTML

<div class='main'>
    <fieldset>
        <div>
            http://www.aaa.com/bbb/ccc/ddd/eee/fff/ggg
        </div>
    </fieldset>
</div>
Run Code Online (Sandbox Code Playgroud)

我也尝试过将word-wrap属性直接应用于内部div且fieldset是一个block元素的尝试。

在我看来,这似乎是一个Chrome漏洞,因为我也在FireFox中尝试过此操作,并且它会像在斜杠上一样缠绕,并且没有字段集,它也可以在Chrome中正确执行此操作。

我尝试提交chrome错误报告,但是由于格式错误的HTTP请求错误,该页面目前不接受我的提交。

如果有人有任何见解,请提供帮助。谢谢。

Man*_*han 5

在 fieldset 标签上使用这个:

fieldset
{
    min-width: auto;
}
Run Code Online (Sandbox Code Playgroud)

事实上,这是由于 chrome 的 fieldset 的默认属性:

min-width: -webkit-min-content;
Run Code Online (Sandbox Code Playgroud)