从桌子的开头开始的Rowspan和colspan

时间:2017-03-06 16:33:07

标签: html html5

通常我们在表的第一列之后创建rowspan和colspan。但就我而言,我想在这张照片中画一张桌子:

enter image description here

如何实现它?

2 个答案:

答案 0 :(得分:4)

要解决这些问题,想象一下所有内容都会扩展,每个块都是表定义的重要部分。使用该信息,您有19列和2行。从那里你分配你的小组:

" Valeurs Cibles Cumulees"有一个4的colspan。

" Chronogramme"有一个12的colspan。

" Taches","财务来源"和"责任"行距为2.

答案 1 :(得分:1)

你走了:



table,
td {
  border: 1px solid #999;
}

table {
  width: 400px;
  height: 50px
}

<table>
  <tr>
    <td rowspan="2"></td>
    <td rowspan="2"></td>
    <td colspan="4"></td>
    <td rowspan="2"></td>
    <td colspan="12"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
&#13;
&#13;
&#13;