【问题标题】:Chrome doesn't respect table cell widthChrome 不尊重表格单元格的宽度
【发布时间】:2013-06-27 16:11:00
【问题描述】:

我有一个来自 CMS 的非常嵌套的表结构。每列都有一个指定的宽度,例如width="61" 第一栏。
然而 Chrome 会忽略宽度并添加随机间距,因此最后没有一列具有正确的宽度,它看起来像这样:

其他浏览器可以正常显示代码。
我曾尝试使用table-layout: fixed,但这让一切变得更糟。

这是小提琴 http://jsfiddle.net/xv8U5/

非常感谢您的帮助。

【问题讨论】:

    标签: google-chrome css-tables


    【解决方案1】:

    我相信不同的浏览器会有不同的规则。大多数浏览器会将 TD 缩放到同一列的最大 TD。然而,Chrome 似乎使用第一个 TD 的宽度作为列宽。

    因此,如果您在第一行之后指定 TD 的宽度,如果第一行已经包含该列的 TD,则该宽度将被忽略。

    解决方案是从第一行开始指定宽度。

    【讨论】: