小编ber*_*rny的帖子

chrome vs FF/IE/Opera计算表格单元格宽度？(表格的布局:固定)

我现在已经搜索了将近半天...但我无法找到为什么chrome6/7似乎是唯一一个与IE8/FF3.6/Opera相比没有添加填充到指定宽度的浏览器表格单元格.

当然,如果您正在使用表格布局,这一点至关重要:固定,因为突然间他们必须注意指定的px宽度.

最后我的问题是:有没有人知道为什么Chrome的计算方式不同,哪个浏览器是正确的(符合标准),希望有一个优雅的解决方案？

目前,我唯一的解决方案是使用chrome.css进行条件注释,我手动将填充添加到宽度...颤抖......

(顺便说一句:任何想要告诉px宽度不合适的webdeveloping的人......随意离开这个页面)

此外:(相对于该回信)
首先感谢您立即回信......我试图让它尽可能短,并在那里我减少的事实,以最小......但是,正如你所提到的,webdeveloping中有很多varibales,所以我试着澄清......

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4 /strict.dtd">
<html>
<head>
    <style type="text/css">
        div { width:300px; }
        table { table-layout:fixed; width:100%; height:50px; }
        td.col1 { width:20px; background-color:blue; }
        td.col2 { width:40px; background-color:red; }
        td.col3 { width:60px; background-color:yellow; }
        td.col3 { width:auto; background-color:yellow; } 

        td { padding:5px; }
    </style>
</head>
<body>
    <div>
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td class="col1"></td>
                <td class="col2"></td>
                <td class="col3"></td>
                <td class="col4"></td>
            </tr>
        </table>
    </div>
</body>

Run Code Online (Sandbox Code Playgroud)

现在如果你切换css线