刪除TD元素之間的間距

Question

我的TD元素之間存在令人討厭的差距。我希望它被連接在一起。

http://jsfiddle.net/zj6mk/4/

我嘗試了多種不同的元素，但沒有工作：

border-collapse:collapse; 
cellspacing:0; 
border-spacing:0; 

Answer 1

添加cellspacing="0" cellpadding="0"表

<table style="height: 400px; width: 100%;" cellspacing="0" cellpadding="0"> 

見Demo

Answer 2

使用此：

<table style="height: 400px; width: 100%;" cellpadding="0" cellspacing="0"> 
<tr> 
    <td style="vertical-align: top;"> 
     <div style="height: 200px;">aa</div> 
     <div style="height: 200px;">aa</div> 
    </td> 
    <td style="vertical-align: top;cellspacing:0;"> 
     <div style="height: 350px">aa</div> 
     <div style="height: 50px">aa</div> 
    </td> 
</tr> 

正如你可以看到我添加的cellpadding = 「0」 & CELLSPACING = 「0」 和間隙消失。

這裏的jsfiddle爲您提供：http://jsfiddle.net/zj6mk/7/

或者更簡單，更 「誘人」 - 用width:100%;在你的CSS你div。

Answer 3

添加

html,body{ 

    margin:0; 
    padding:0; 
} 

所以外空格都將被刪除 和

<table style="height: 400px; width: 100%;" cellspacing="0" cellpadding="0"> 

所以內空格都將被刪除 FIDDLE

Answer 4

<table style="height: 400px; width: 100%;"> 
<tr> 
    <td style="vertical-align: top;padding:0px"> 
     <div style="height: 200px;">aa</div> 
     <div style="height: 200px;">aa</div> 
    </td> 
    <td style="vertical-align: top;padding:0px"> 
     <div style="height: 350px;">aa</div> 
     <div style="height: 50px;">aa</div> 
    </td> 
</tr> 

嘗試加入padding:0px到TD