Html 删除TD元素之间的间距

我的td元素之间存在令人讨厌的差距。我想把它连在一起

我尝试了不同的元素，但没有一个有效：

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

将

cellspacing=“0”cellpadding=“0”

添加到表中

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

请参见使用此项的：

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

aa
aa
aa
aa

如您所见，我添加了cellpadding=“0”和cellspacing=“0”，间隙消失了

下面是为您准备的JSFIDLE：

或更简单、更“吸引人”-使用

宽度：100%div

添加

html,body{

    margin:0;
    padding:0;
}

因此，外部空白将被删除 及

因此，内部空白将被删除

aa
aa
aa
aa

尝试向td添加

填充：0px

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

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