html rowspan不像预期的那样行为

我有什么应该是一些很容易的HTML，但由于某种原因，我无法获得rowspan的工作。相反，填充整个左列的，它只是占据在它的底部的细胞。我想得到这样的东西：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>

谢谢了。

来源

2013-04-02 1252748

试一下：

<!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-02 15:21:28 TheEwook

不客气。很高兴帮助;） – TheEwook

添加垂直对齐：顶部内嵌式的，或设定一个类，做同样的。应该管用。

<td rowspan="5" style="vertical-align:top">

来源

2013-04-02 15:21:31 melancia

垂直对齐不是问题。谢谢你看看。 – 1252748

只是一个小的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-02 15:21:57

html rowspan不像预期的那样行为

回答

相关问题