0

我有一张在 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;
}
4

2 回答 2

1

您应该在 css 中设置其宽度属性。使用猜测并检查以确定您想要多大。

于 2012-06-29T22:04:18.567 回答
1

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

于 2012-06-29T22:05:20.853 回答