首页 > 解决方案 > html 表未正确构建 | 无法合并单元格

问题描述

我无法真正理解我做错了什么,试图合并单元格。我已经开始构建具有很大比例的复杂表格,最后,不幸的是,当我在浏览器中打开它时,它会在 1 行中显示所有内容。所以我举了一个小例子,以了解我在哪里以及为什么做错了。

一切正常,直到我决定<td colspan="2">5</td> 在第三排移除并换<td colspan="2">5</td> <td colspan="2" rowspan="2">5</td>第二排。在那之后,桌子无缘无故地发生了某种变化。前后图像链接: https ://imgur.com/a/gM93bA2

<table border="1">
  <!-- 1 -->
  <tr>
    <td colspan="2">1</td>
    <td colspan="2">3</td>
    <td colspan="2">5</td>
  </tr>
  <!-- 2 -->
  <tr>
    <td rowspan="2">1</td>
    <td colspan="3" rowspan="3">2</td>
    <td colspan="2" rowspan="2">5</td>

  </tr>
  <!-- 3 -->
  <tr>
  </tr>
  <!-- 4 -->
  <tr>
    <td rowspan="2">1</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <!-- 5 -->
  <tr>
    <td colspan="2">2</td>

    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <!-- 6 -->
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <!-- 7 -->
  <tr>
    <td>1</td>
    <td>2</td>
    <td colspan="4">3</td>
  </tr>
</table>

标签: htmlhtml-table

解决方案


推荐阅读