合併幾個表在一起

Question

我想通過使用colspan合併表，但似乎無法創建我的表。我該如何合併表中的列在一起，就像下面：

Answer 1

的總體佈局是：

table, 
 
td { 
 
    border: 1px solid #000; 
 
} 
 
table { 
 
    width: 50%; 
 
    border-collapse: collapse; 
 
}

<table> 
 
    <tr> 
 
    <td rowspan="2">&nbsp;</td> 
 
    <td rowspan="2">&nbsp;</td> 
 
    <td>&nbsp;</td> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 
    <td>&nbsp;</td> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
</table>

Answer 2

下面是解

HTML代碼是在這裏：

<table width="500" border="1" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td rowspan="2">&nbsp;</td> 
    <td rowspan="2">&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
</table> 

CSS代碼是在這裏：

table,td { 
    border-collapse: collapse; 
} 

JS提琴鏈接：http://jsfiddle.net/naveenkumarpg/543c3896/

，如果你需要對TD的準確寬度，你必須使用類選擇，並相應地調整