Question

我有一个我想要修改的表。每行有两行和两列。所以第一行有两个单元格，其中第一个单元格具有70％的宽度，第二个单元格具有30％的父表格。第二行有两个单元格，其中第一个单元格具有60％的宽度，第二个单元格具有第二个单元格拥有父表的40％。即使我明确说明宽度，为什么第二行吸收第一行的特征？

这是代码。为什么它不按我想要的方式工作？

<!DOCTYPE html>
<html>
<body>

<table style="border:1px black;width:100%">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td style="width:70%">January</td>
    <td style="width:30%">$100</td>
  </tr>
    <td style="width:60%">feb</td>
    <td style="width:40%">$100</td>
  </tr>
</table>

</body>
</html>

Answer 1

对于第一列(<td width="70%">)，您已设置宽度= 70％，而在第二行第一列中，您已设置列宽= 60％。

注意：在表格中，最高列宽自动适用于同一列。在您的情况下，即使您对第二行第一列使用60％，表的第一列也是70％。

相同宽度TR内的不同TD宽度

1 个答案: