html - Word-wrap 不适用于 chrome 中 fieldset 内的 div

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

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/

相关文章:

html - 如何在只有 html 和 css 的表单中创建水平选择器?

html - CSS : Scroll two div side by side independently

html - CSS 显示与 div/nav 和图像冲突

php - 提交表单方法get时保留$_GET ['p']

java - 如何配置 nekohtml 解析器以正确关闭 anchor 标记?

html - Angular 模式中的文本框显示先前的值

javascript - 在一堆 div 上设置内容的最有效/最快的方法

javascript - 如何在谷歌浏览器中拖动/重新定位检查元素工具?

javascript - 我的 D3 图表的图例和轴/刻度标 checkout 现在 Firefox 中,但不是 Chrome

google-chrome - Ubuntu 重启后谷歌浏览器丢失 cookie