删除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