Table-Laout：修复了 IE6/7 和 IE8/Chrome/FF 中不同的渲染答案

【问题标题】：Table-Laout:fixed rendering different in IE6/7 then IE8/Chrome/FFTable-Laout：修复了 IE6/7 和 IE8/Chrome/FF 中不同的渲染
【发布时间】：2011-02-15 04:31:03
【问题描述】：

基本上我希望表格上的列宽忽略数据的大小。可以切断多余的数据。现在它正在拉伸我的列的宽度，即使我使用的是 table-layout:fixed。我的预期行为适用于 IE6 和 7，但不适用于其他任何东西。此外，如果我删除了我的 DTD，那么它在 IE8 中可以正常工作，但在 FF/Chrome 中仍然不是我所期望的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <body>
    <table border="1" cellspacing="0" cellpadding="5" style="table-layout:fixed;overflow:hidden;">
        <tr>
            <td width="50">
                -1,610,612,736.00
            </td>
            <td width="50">
                222
            </td>
        </tr>
        <tr>
            <td>33</td>
            <td>44</td>
        </tr>
    </table>
    </body>
</html>

基本上，我希望将那个长负数放在 1 行并切断溢出而不是调整列的宽度。

谢谢！

【问题讨论】：

标签： html css tablelayout

【解决方案1】：

获得所需内容的一种方法是将每个值放在

内的

中，然后在

上设置宽度和溢出：隐藏。

另一个是在

s上设置overflow:hidden，并设置表格的宽度。

【讨论】：

/facepalm 我不知道我需要在桌子上设置一个宽度，谢谢！我只有 13 个代表，所以我不能让你，对不起。