Table-Laout:在IE6 / 7中固定渲染不同,然后是IE8 / Chrome / FF

时间:2010-05-03 19:48:30

标签: html css tablelayout

基本上我希望表上的列宽忽略数据的大小。可以截止过多的数据。现在它正在拉伸我的列的宽度,即使我正在使用表格布局:固定。我的预期行为适用于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行上,然后切掉溢出而不是调整列的宽度。

谢谢!

1 个答案:

答案 0 :(得分:3)

获得所需内容的一种方法是将每个值放在&lt; div&gt;中。在&lt;里面td&gt; s,然后设置宽度和溢出:隐藏在&lt; div&gt; s上。

另一个是设置溢出:隐藏在&lt; td&gt; s并设置表的宽度。