HTML表格不同行中的不同列数

Question

就像Excel表格一样，我可以

1. 第1行中的2列
2. 第2行中的1个长列

这可能在html中吗？

Answer 1

由于意识到你不熟悉colspan，我认为你也不熟悉rowspan，所以我想我会把它免费提供。

使用rowspan时需要注意的一点是：以下tr元素必须包含更少的td元素，因为单元格使用{{1}在前一行（或前一行行）。

rowspan

table {
  border: 1px solid #000;
  border-collapse: collapse;
}

th,
td {
  border: 1px solid #000;
}

Answer 2

colspan属性：

<table>
   <tr>
      <td> Row 1 Col 1</td>
      <td> Row 1 Col 2</td>
</tr>
<tr>
      <td colspan=2> Row 2 Long Col</td>
</tr>
</table>

Answer 3

是的，只需使用colspan。

Answer 4

如果您需要不同的列宽，请执行以下操作：

<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td colspan="9">
        <table>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </td>
</tr>