-2

如何在 HTML 中创建一个左侧 2 个单元格和右侧 3 个单元格的表格？像这样 ：

桌子

4

3 回答 3

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 文件

于 2013-06-13T07:20:13.513 回答
0

您可以创建一个包含 5 个单元格的普通表格，但将其放置在视觉上将是地标左侧的 2 个单元格和地标右侧的 3 个单元格:)

编辑：（ 改进了答案，作者提供了更多细节后，附上图片）

创建一个 6 行 2 列的表。之后使用 RowSpan 就解决了。（见附图）

在此处输入图像描述

于 2013-06-13T06:20:59.930 回答
0

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

例如th rowspan="2"

于 2013-06-13T06:19:26.123 回答