使用rowspan的難度

Question

如何在這個結構中創建一個html表？

+--------------+-----+--------------+ 
|    |  |    | 
| CONTENT-1 |  | CONTENT-2 | 
|--------------|  |--------------| 
|    |  |    | 
|    |  |    | 
|    |  |    | 
|    |  |    | 
|    |  |    | 
+-----------------------------------+ 

我已經嘗試過在高柱上的行跨，但它不能正常工作。

<table class="login_selection_button"> 
    <tr> 
     <td> 
      CONTENT-1 
     </td> 
     <td> 
      CONTENT-2 
     </td> 
    </tr> 
    <tr> 
     <td> 

     </td> 
     <td rowspan="2"> 

     </td> 
     <td> 

     </td> 
    </tr> 
</table> 

http://jsfiddle.net/KyttF/

謝謝！

Answer 1

設置與行跨度單元格中的第一行，並給它一個寬度

http://jsfiddle.net/KyttF/1/

<table border="1"> 
    <tr> 
     <td> 
      CONTENT-1 
     </td> 
     <td rowspan="2" style="width:50px;"></td> 
     <td> 
      CONTENT-2 
     </td> 
    </tr> 
    <tr> 
     <td> 
      filler 
     </td> 
     <td> 
      filler 
     </td> 
    </tr> 
</table> 

Answer 2

它看起來像你想這個

<table> 
    <tr> 
    <td> 
     content 1 
    </td> 
    <td rowspan="2"> 
    </td> 
    <td> 
     content 2 
    </td> 
    </tr> 
    <tr> 
    <td> 
    </td> 
    <td> 
    </td> 
    </tr> 
</table>