HTML table 行数不同

Question

我有一个简单的问题：

我们通常使用

<table>
    <tr>
        <td> stuff1 </td>
        <td> stuff2 </td>
    <tr>
 ...
</table>

因此我可以在网上有 3 列，另一个有 4 列。但我想做相反的事情：在 3 行的列和 4 行的一列上。

<table>
    <td>
        <tr> stuff1 </tr>
        <tr> stuff2 </tr>
    <td>
...
</table>

但交换 <tr> 和 <td> 似乎不起作用...

Answer 1

您可以使用 rowspan 属性实现此目的。它的工作原理与 colspan 完全相同。 http://www.w3schools.com/tags/att_td_rowspan.asp

<table>
  <tr>
    <td rowspan="2"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>

Answer 2

您可以使用 rowspan 属性来做到这一点。这是一个线索：

table tr td {
  border: 1px solid black;
  }

<table>
  <tr>
    <td rowspan="2">left</td>
    <td>T-right</td>
  </tr>
  <tr>
    <td>B-Right</td>
  </tr>
</table>

HTML table with different number of rows