html rowspan 没有按预期运行

Question

我应该有一些非常简单的 html，但由于某种原因，我无法使 rowspan 工作。它不会填充整个左侧列，而是只占据其底部的一个单元格。我想要这样的东西:

+----------+-----------+---------+
| label 1  | content 1 | label 2 |
|          +-----------+         |
|          | content 2 |         |
|          +-----------+         |
|          | content 3 |         |
|          +-----------+         |
|          | content 4 |         |
|          +-----------+         |
|          | content 5 |         |
+----------+-----------+---------+

但我对下面的代码不满意。 JSBIN .

<tr>
    <td rowspan="5">
        label one
    </td>
    <td>
        content 1
    </td>
</tr>
<tr>
    <td>
        content 2
    </td>
</tr>
<tr>
    <td>
        content 3
    </td>
</tr>
<tr>
    <td>
        content 4
    </td>
</tr>
<tr>
    <td>
        content 5
    </td>
    <td rowspan="5">
        label two
    </td>
</tr>

非常感谢。

Answer 1

只是一个小的 html 更改:

<table border="1">


    <tr>
        <td rowspan="5">
            label one
        </td>
        <td>
            content 1
        </td>
      <td rowspan="5">
            label two
        </td>
    </tr>
    <tr>
        <td>
            content 2
        </td>
    </tr>
    <tr>
        <td>
            content 3
        </td>
    </tr>
    <tr>
        <td>
            content 4
        </td>
    </tr>
    <tr>
        <td>
            content 5
        </td>

    </tr>


</table>