html - 自动换行不适用于 chrome 中的字段集中的 div

Question

在 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>

我也试过这个，其中 word-wrap 属性直接应用于内部 div 并且 fieldset 是一个块元素。

在我看来，这就像一个 chrome 错误，因为我也在 FireFox 中尝试过它，它应该在斜杠上换行，并且没有字段集，它在 Chrome 中也能正确执行此操作。

我尝试提交 chrome 错误报告，但是由于 HTTP 请求错误，该页面现在不接受我的提交。

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

score 5 · Accepted Answer

在字段集标签上使用它：

fieldset
{
    min-width: auto;
}

事实上，这是由于 chrome 的 fieldset 的默认属性：

min-width: -webkit-min-content;

score 1 · Accepted Answer

1

您需要为div设置 amin-width和 a 。max-width例子：

于 2013-06-05T14:53:51.287 回答

score 0 · Accepted Answer

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; 
}

3 回答 3