Question

试图理解为什么第三行没有正确调整。当colspan设置为1（而不是2）时，它会正确调整。

<table border="1" style="width:3in;">
     <tr>
        <td></td><td></td><td></td>
    </tr>
   <tr>
        <td colspan="3">123</td>
    </tr>
    <tr>
        <td style="width:0.5in;" colspan="2" >12</td>
        <td>3</td>
    </tr>
</table>

Answer 1

尽管案例简单，但它似乎超出了浏览器实现宽度设置的能力。作为解决方法，不是在占据两列的单元格上设置宽度，而是直接在这些列上设置宽度。不幸的是，这意味着你需要将0.5英寸宽度的分割成固定的部分。要均匀分配，请在<table ...>标记后添加以下标记：

<col style="width: 0.25in">
<col style="width: 0.25in">
<col>

使用单元格宽度和colspan

1 个答案: