如何创建一个左2个单元格和3个单元格的表格?

时间:2013-06-13 06:13:54

标签: html html-table

如何在HTML中创建一个剩下2个单元格和3个单元格的表格? 像这样:

Table

3 个答案:

答案 0 :(得分:3)

要创建这个,你需要使用像这样的3个表

<table width="500" border="0" cellspacing="0" cellpadding="0" style="border:solid 1px #333;">
  <tr>
    <td width="50%" style="border-right:solid 1px #333;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="border-bottom:solid 1px #333;">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="border-bottom:solid 1px #333;">&nbsp;</td>
      </tr>
      <tr>
        <td style="border-bottom:solid 1px #333;">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>

jsFiddle File

答案 1 :(得分:0)

您需要使表格有6行。 左边有2个单元格,有3行。 正确的将有3个单元格,有2行。

e.g。th rowspan="2"

答案 2 :(得分:0)

您可以创建一个包含5个单元格的常用表格,但将其放在一个表格中  在你的地标的左边有2个单元格的视觉方式,以及你地标右边的3个单元格:)


修改 (在作者提供了更多细节后,通过了解图片改进了答案)

创建一个包含6行和2列的表。在那之后使用RowSpan并且它已经解决了。 (见附图)

enter image description here