无法将两个单元格 9 和 X 合并为 HTML 表格中的一个单元格

Question

我尝试根据下图创建 html 表格，但无法在表格的一个单元格中设置两个单元格。

我得到以下输出，其中我无法将单元格 9 与单元格 X 合并，如果我愿意，则表结构会更改。

我的代码也在下面给出

    <table border="1" cellspacing="0" cellpadding="5">
      <tr>
        <td colspan="5">1</td>
      </tr>
      <tr>
        <td colspan="3">2</td>
        <td colspan="2" rowspan="3">3</td>
      </tr>
      <tr>
        <td rowspan="3">4</td>
        <td colspan="2">5</td>
      </tr>
      <tr>
        <td rowspan="2">8</td>
        <td>9</td>
      </tr>
      <tr>
        <td>X</td>
        <td>6</td>
        <td>7</td>
      </tr>
    </table>

Answer 1

看来您正在寻找：

<table border="1" cellspacing="0" cellpadding="5">
    <tbody>
        <tr>
            <td colspan="5">1</td>
        </tr>
        <tr>
            <td colspan="3">2</td>
            <td colspan="2" rowspan="3">3</td>
        </tr>
        <tr>
            <td rowspan="3">4</td>
            <td colspan="2">5</td>
        </tr>
        <tr>
            <td rowspan="2">8</td>
            <td rowspan="2">9</td>
        </tr>
        <tr>
            <td>6</td>
            <td>7</td>
        </tr>
    </tbody>
</table>