Question

我正在使用HTML表。我创建了一个包含3行的表。第一行有一个“键”列和一个“值”列。第二行具有一个“键”列和两个“值”列。第三行具有一个“键”列和三个“值”列。虽然第三行有三列。所以我给了第一行第一列“ colspan = 3”，但是对于第二行有2列，所以我必须将其宽度与第三行匹配。但是我不能给出“ 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>

Answer 2

你在这里

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

Answer 3

将其分解为更多colspans。基本上将您先做的事乘以2。

像这样：

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

在这里工作的小提琴：

https://jsfiddle.net/t9woe310/3/

Answer 4

尝试一下。

<table>
    <tr><td>Key</td>
        <td colspan=6>value</td>
    </tr>
    <tr>
        <td>key </td>
        <td colspan=3>value</td>
        <td colspan=3>value</td>
    </tr>
    <tr>
        <td>Key</td>
        <td colspan=2>value</td>
        <td colspan=2>value</td>
        <td colspan=2>value</td>
    </tr>
</table>

HTML表格宽度不适用于差异列数

4 个答案: