HTML 表格宽度不适合不同的列数

Question

我正在使用 HTML 表格。我创建了一个包含 3 行的表。第一行有 一个“键”列和一个“值”列。第二行有一个“键”列和两个“值”列。第三行有一个“键”列和三个“值”列。虽然第 3 行有 3 列。所以我给了第一行第一列“colspan = 3”但是第二行有两列所以我必须将它的宽度与第三行相匹配。但我不能给“colspan=1.5”。即使我把它当作四舍五入。我需要将第一列和第二列的宽度与第一列相匹配。

<table>
  <tr>
    <td>Key</td>
    <td>Value</td>
  </tr>
  <tr>
    <td>Key</td>
    <td>Value</td>
    <td>Value</td>
  </tr>
  <tr
    <td>Key</td>
    <td>Value</td>
    <td>Value</td>
    <td>Value</td>
  </tr>
</table>

我需要创建如下图所示的表格。我尝试使用 colspan，但它不起作用。

Answer 1

根据给定的图像，您可以使用内部 HTML 来完成:

<table>
  <tr>
    <td>Key</td>
    <td colspan="3">Value</td>
  </tr>
  <tr>
    <td>Key</td>
    <td colspan="3">
        <table>
            <tr>
                <td>Value</td>
                <td>Value</td>
            </tr>
        </table>
    </td>

  </tr>
  <tr
    <td>Key</td>
    <td>Value</td>
    <td>Value</td>
    <td>Value</td>
  </tr>
</table>