html - 嵌套表格行 HTML CSS

Question

我从未使用过复杂的 HTML 表格。我需要一个包含嵌套列和行的表。我试图创建它，但它有很多表格，而且到处都出现了边框数量。这是 jsFiddle ，我已经尝试过了。所以，我要实现的目标是:

• 单例<table>所有结构的标签
• 不应出现多个边框。
• 所有的结构都应该是一个单一的表格，在调整页面大小时，行不应该与其位置分开。(在我的情况下会发生这种情况)

Answer 1

这是你想要的结构，不要将宽度设置为百分比值，以免在调整页面大小时结构变形

    <table border="1" width="800" height="100">
      <tr>
        <th colspan="7"></th>
        <th></th>
      </tr>
      <tr>
        <td colspan="7"></td>
        <td></td>
      </tr>
      <tr>
        <td rowspan="3"></td>
        <td></td>
        <td colspan="3"></td>
        <td></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td colspan="2"></td>
      </tr>
    </table>