2013-04-26 27 views
0

我想创建一个表,看起来象下面这样:HTML表 - 复式rowspans

______________________________________________________________ 
|    |    |  Category1    | 
|    | Platform1 |____________________________| 
|    |    |  Category2    | 
|    |________________|____________________________| 
| Build  |    |  Category1    | 
|    |    |____________________________| 
|    |    |  Category2    | 
|    | Platform2 |____________________________| 
|    |    |  Category3    | 
|______________|________________|____________________________| 

我写了一些代码,但我不认为这是正确的。由于我很新的HTML,可有人请给我一些建议:

+2

让我们看看你已经尝试了什么 – 2013-04-26 20:49:09

回答

4

类似的东西:

<table width="200" border="1"> 
    <tr> 
    <td rowspan="5">Build</td> 
    <td rowspan="2">Platform1</td> 
    <td>Category1 </td> 
    </tr> 
    <tr> 
    <td>Category2 </td> 
    </tr> 
    <tr> 
    <td rowspan="3">Platform2</td> 
    <td>Category1 </td> 
    </tr> 
    <tr> 
    <td>Category2 </td> 
    </tr> 
    <tr> 
    <td>Category3</td> 
    </tr> 
</table> 

JSFIDDLE