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不像預期的那樣行爲

回答

相關問題