0

我有一些应该很简单的 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>

非常感谢。

4

3 回答 3

2

只是一个小的 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>
于 2013-04-02T15:21:57.260 回答
1

试试看:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
 <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 rowspan="5">
        <td>
            content 5
        </td>
    </tr>


</table>
</body>
</html>
于 2013-04-02T15:21:28.000 回答
1

将 vertical-align:top 添加到内联样式,或设置一个类并执行相同操作。应该管用。

<td rowspan="5" style="vertical-align:top">
于 2013-04-02T15:21:31.367 回答