2013-08-07 45 views
0

我不熟悉rowspancolspan足夠了...HTML日3細胞行跨度列跨度

我試圖做到這一點與HTML(也許CSS):

------------------------------------------ 
|   | Divided col |   | 
|   |___________________|   | 
| Col 1 | part a | part b | Col 3 | 
|   |   |   |   | 
------------------------------------------ 
| data 1 | data 2a | data 2b | data 3 | 

這是可能? 或只是使用某種形象?

回答

2

jsFiddle example

<table> 
    <tr> 
     <td rowspan="2">Col 1</td> 
     <td colspan="2">Divided col</td> 
     <td rowspan="2">Col 3</td> 
    </tr> 
    <tr> 
     <td>part a</td> 
     <td>part b</td> 
    </tr> 
    <tr> 
     <td>data 1</td> 
     <td>data 2a</td> 
     <td>data 2b</td> 
     <td>data3</td> 
    </tr> 
</table> 
+0

比一個很多人!你真的幫了我。選擇答案。 – JohnnyJS

+0

對不起。那不工作。因爲我在第一行使用TH。 http://jsfiddle.net/nUMV7/1/ – JohnnyJS

+0

''標籤可以替代'​​'標籤,而不是''標籤。 – j08691

2

當然

<table border='1'> 
    <tr> 
     <td rowspan='2'> 
      COL1 
     </td> 
     <td colspan='2'> 
      Divided col 
     </td> 
     <td rowspan='2'> 
      Col 3 
     </td> 
    </tr> 
    <tr> 
     <td> 
      part a 
     </td> 
     <td> 
      part b 
     </td> 
    </tr> 
    <tr> 
     <td>Data 1</td> 
     <td>Data 2a</td> 
     <td>Data 2b</td> 
     <td>Data 3</td> 
    </tr> 
</table> 
+0

TNX!你是對的。但自@ j08691帶來了工作小提琴,我必須標記他的答案。無論如何,tnx。投票+ – JohnnyJS