CSS删除表tr空格或边距

Question

我无法将其设为0边距/填充。

这是图片：

你可以看到红色椭圆形是个问题。 我想把它设为0保证金，但我不知道问题出在哪里。

这是我的HTML代码：

<div class="content">
    <div class="share">
        <table>
            <tr>
                <td><img src="img/sector/Insta-4.jpg" width="100%"></td>
                <td><img src="img/sector/Insta-3.jpg" width="100%"></td>
                <td><img src="img/sector/Insta-2.jpg" width="100%"></td>
                <td><img src="img/sector/Insta-1.jpg" width="100%"></td>
            </tr>
            <tr>
                <td><img src="img/sector/Insta-8.jpg" width="100%"></td>
                <td><img src="img/sector/Insta-7.jpg" width="100%"></td>
                <td><img src="img/sector/Insta-6.jpg" width="100%"></td>
                <td><img src="img/sector/Insta-5.jpg" width="100%"></td>
            </tr>
        </table>
    </div>
</div>

这是我的CSS：

.content { position: absolute; top: 0; left: 0; right: 0; }
.share table { width: 100%; border-collapse: separate; border-spacing: 0; }
.share table td { padding: 0; margin: 0; width: 25%; }

我尝试过边界崩溃：崩溃但效果不佳。
而且还有ul li，但是给我同样的问题可能是最糟糕的。