具有不同行数的HTML表

时间:2015-08-04 09:36:20

标签: html html-table

我有一个简单的问题:

我们通常使用

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

因此我可以拥有3列,另一列有4列。但我想反过来说:在有3行和1行4列的列上。

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

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

2 个答案:

答案 0 :(得分:1)

您可以使用rowspan属性执行此操作。这是一个线索:

&#13;
&#13;
table tr td {
  border: 1px solid black;
  }
&#13;
<table>
  <tr>
    <td rowspan="2">left</td>
    <td>T-right</td>
  </tr>
  <tr>
    <td>B-Right</td>
  </tr>
</table>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您可以使用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>