我的桌子之间不需要的空格

Question

我的桌子有问题。 <tr>之间有空格，并且我尝试将cellpadding和cellspacing设置为0，但这没有用。然后，我还尝试将CS​​S内联到<table>这样的style="border-collapse:collapse;margin:0"中，但是它什么也没做，所以我想知道自己做错了什么。

<div class="mcnTextContent">
	<table cellpadding="0" cellspacing="0">
    	<tr>
        	<td><img src="https://gallery.mailchimp.com/798ce3296ef9c5b21143e2de6/images/2c56d756-adcd-4e85-8a5e-b83721faf95c.png" width="100%"></td>
        	<td><img src="https://gallery.mailchimp.com/798ce3296ef9c5b21143e2de6/images/258d7fd6-b07f-416e-9439-de6a3aa18a4f.png" width="100%"></td>
        </tr>
        <tr>
        	<td>
            	<img src="https://gallery.mailchimp.com/798ce3296ef9c5b21143e2de6/images/10c35c2e-1995-4559-803a-a4513059dfbd.png" width="100%">
            </td>
            <td>
            	<img src="https://gallery.mailchimp.com/798ce3296ef9c5b21143e2de6/images/41f2f947-4fed-4e6e-9a60-efa23445c5fd.png" width="100%">
            </td>
        </tr>
        <tr>
        	<td>
            	<img src="https://gallery.mailchimp.com/798ce3296ef9c5b21143e2de6/images/0cb1f251-81e8-4970-b006-bfad3ca6471e.png" width="100%">
            </td>
            <td>
            	<img src="https://gallery.mailchimp.com/798ce3296ef9c5b21143e2de6/images/170e33a3-4553-4068-b50d-58ec7ad115ca.png" width="100%">
            </td>
        </tr>
         <tr>
        	<td>
            	<img src="https://gallery.mailchimp.com/798ce3296ef9c5b21143e2de6/images/ca86c184-f61d-46e7-9a4b-9d0f41d4865a.png" width="100%">
            </td>
            <td>
            	<img src="https://gallery.mailchimp.com/798ce3296ef9c5b21143e2de6/images/fdfd9e56-d2ad-4eaa-96ad-b46dc3e70b80.png" width="100%">
            </td>
        </tr>
    </table>
</div>

Answer 1

这是因为图像是ConfigureApplicationContainer。将它们设为protected override void ConfigureApplicationContainer(TinyIoCContainer container) { base.ConfigureApplicationContainer(container); container.Register<JsonSerializer, CustomJsonSerializer>(); // ... other container setup ... } ，空格将消失。

Answer 2

将此作为外部CSS文件添加到您的代码中

* {
    display: block;
}
tr, td {
    float: left;
}