将几个表合并在一起

Question

我正在尝试使用colspan将表合并在一起，但似乎无法创建我的表。如何将表列合并如下：

Answer 1

总体布局如下：

＆＃13;

＆＃13;

table,
td {
  border: 1px solid #000;
}
table {
  width: 50%;
  border-collapse: collapse;
}

＆＃13;

<table>
  <tr>
    <td rowspan="2">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 2

这是解决方案

HTML代码在这里：

<table width="500" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td rowspan="2">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

CSS代码在这里：

table,td {
    border-collapse: collapse;
}

JS小提琴链接：http://jsfiddle.net/naveenkumarpg/543c3896/

如果您需要td＆＃39; s的确切宽度，您必须使用类选择器并相应调整