2016-07-29 65 views
0

我习惯于使用后端,但现在我必须在HTML中绘制此表。设计表Html

enter image description here

由于行5至9只具有6 <td>结果表不等于这一个,因为5行的最后一列中的第一行,例如的6列结束时,如何能我完成了这个设计? 随着colspan的设计不会等于这个? 我应该在从5到9的行中使用一个表格,每个表格内都有一个<td>

+0

你可以添加主表,然后在你的列没有变化的地方添加新表并将这些列放在新表中,因为我可以看到你的设计需要4个表 –

回答

0

您有2个选项)

  • 包含在一个表中的所有细胞,并以对准您想要
  • 使用3个独立的表,然后使用宽度属性或CSS来调节方式使用合并单元格因此。
0

似乎有表格单元格这样的三个区块的列行之间没有任何关系:

使用三个独立的表

您可以使用CSS来调整上的表格,边缘删除它们之间的空间。


这临时抱佛脚成一个单一的表将仅仅需要明智地使用colspan,但这并不似乎是一个非常适合这里的数据。