嵌套表行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>