Question

我有一张在Chrome，IE8和IE9中显示正常的表格。但是，在IE7中，表最终比其内容宽得多（包含元素的100％？）。如何使表格仅与IE7和IE6中的内容一样宽（并在新版浏览器中继续显示）？

这是表格：

<table class="SisSubDetailTable">
    <tbody>
        <tr>
            <td>Date:</td><td>10-16-11</td><td>SOID:</td><td>SUST — Sustaining                                                                                          </td>
        </tr>
        <tr>
            <td>Status:</td><td>25 characters' worth of data</td><td>Work Order:</td>
            <td>     </td>
        </tr>
        <tr>
            <td>Company:</td><td>6K8  — KAPCO</td><td>Sub:</td><td>9999 </td>
        </tr>
        <tr>
            <td>Store:</td><td>34 characters' worth of data</td><td>Export Price:</td>
            <td>$0.00</td>
        </tr>
        <tr>
            <td>Class:</td><td>26 characters' worth of data</td><td>Control Ship:</td>
            <td>N</td>
        </tr>
    </tbody>
</table>

以下CSS似乎使细胞变窄，但整个表格仍然比400px宽得多：

table.SisSubDetailTable
{
    width: 400px;
}

table.SisSubDetailTable td
{
    border-width: 0;
    width: 100px;
}

Answer 1

您应该在css中设置其width属性。使用猜测和检查来确定你想要多大。

Answer 2

如果您还没有这样做，请设置以像素为单位的值并避免使用其他单位。

IE7中的HTML表太宽了

2 个答案: