Html表td问题

Question

您好我正在尝试创建一个包含两个4行，每个包含2个tds的表。 我为我的tds指定了不同的宽度，但每个td的宽度都相同？ 以下是我的代码

<table style="width:400px;">
    <tr>
        <td style="background-color:Red; width:50px;"></td>
        <td style="background-color:Red;width:70px;"></td>
    </tr>
    <tr>
        <td style="background-color:Red; width:54px;"></td>
        <td style="background-color:Red; width:80px;"></td>
    </tr>
    <tr>
        <td style="background-color:Red; width:20px;"></td>
        <td style="background-color:Red; width:40px;"></td>
    </tr>
</table>![enter image description here][1]

Answer 1

HTML列中的所有单元格必须具有相同的宽度。

您可能不应该使用<table>。

Answer 2

td取第一行的宽度。并且没有一行加起来为400px。它可以根据您的规格做到最好。

Answer 3

因为列只有一个宽度：所有行对于给定列共享相同的宽度。

Answer 4

当您为<td>指定宽度时，它将成为列的宽度，并且列中的所有<td>将占用相同的宽度。

如果您的数据实际上是一个表（例如一个列表），则可以使用rowspan为不同的表实现不同的宽度。 rowspan实际上合并了两列，因此您可以让一些<td>大于另一列。

如果您的数据不是实际表格（例如反馈表格），而您尝试使用表格进行对齐，则should not be doing so。有更好的方法。