使用像元宽度和colspan

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>