嵌套表行HTML CSS

前端之家收集整理的这篇文章主要介绍了嵌套表行HTML CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我从未使用过复杂的 HTML表格.我需要一个嵌套列和行的表.我试图创建它,但它有很多表,以及边界的数量出现在任何地方.
这是 jsFiddle,我试过了.
那么我要做的就是:

>单个< table>所有结构的标签
>不应出现多个边框.
>所有的结构应该是一个单独的表,行不应该从它的位置分离,同时调整页面大小(在我的情况下发生)

解决方法

这是您想要的结构,不要将宽度设置为百分比值,以避免在页面调整大小时失去形状
<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>

猜你在找的HTML相关文章