如何将表数据排列成一个

Question

Table with 3 rows. the first row span 1.5 column each

我正在学习HTML 2个月，我遇到了一个我不知道从哪里开始的任务。我想实现一个包含3行的html表，但是第一行应该有两个相等的列部分，另外两个部分有3个相等的部分。请帮忙。

这是一个粗略的代码：

operator<<

Answer 1

您可以使用colspan。 colspan属性定义表格单元格应跨越的列数。

table, th, td {
    border: 1px solid black;
}

<table>
  <tr>
    <td colspan='3'>one </td>
    <td colspan='3'> two </td>
  </tr>

  <tr>
    <td colspan='2'>three</td>
    <td colspan='2'>four</td>
    <td colspan='2'> five</td>
  </tr>

  <tr>
    <td colspan='2'>six</td>
    <td colspan='2'>seven</td>
    <td colspan='2'> eight</td>
  </tr>

</table>