为什么表中的第一列比最后一列更宽?

时间:2012-08-27 16:26:43

标签: html html-table

为什么此表中的第一列比其单元格中的任何内容都宽。借调行中的img是跨越2列,所以如果列2,3和2。 4是空间均匀(这似乎合乎逻辑)然后是第1列和第1列。 2对于img来说足够宽,而不必使第1列比4宽。我错过了明显的吗?这对我的布局造成了严重破坏。我知道我可以使用div但是表格中的图像和其他内容可能经常更改,所以表格看起来最合乎逻辑,除了不理解发生什么事情让我发疯。 :)

<table border="1"style="top:2px;left:0px;position:absolute">
    <td>DeliDeliDeli</td><td colspan="3">
        <img src="pics/deli.jpg" width="480" height="384" alt="" title="" border="0" />
    </td>
    <td>DeliDeliDeli</td>
    <tr></tr>
    <td colspan="2">
        <img src="Bulk pics/jars3.jpg" width="227" height="170" alt="" title="" border="0"/>
    </td>
    <td>Deli</td>
    <td>Deli</td>
    <td>Deli</td>
    <tr>
        <td>Deli</td>
        <td>Deli</td>
        <td>Deli</td>
        <td>Deli</td>
        <td>Deli</td>
    </tr>
</table>

1 个答案:

答案 0 :(得分:1)

<table>标签或多或少可以自由选择自己的尺寸,除非您另有说明。

table-layout:fixed添加到表的样式中,然后在第一行之前添加:

<colgroup><col span="5" style="width: 20%" /></colgroup>