我有一张表格,可以在 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;
}
最佳答案
您应该在 css 中设置其宽度属性。使用猜测和检查来确定您想要它有多大。
关于HTML 表格在 IE7 中太宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11269485/