html - 你如何摆脱在 td 中的 div 上添加的自动空间？

Question

我有一个与此类似的简单表格。

<table style='border-collapse: collapse;'>
    <tr>
        <td style='border: 1px solid blue;'>
        <div style='background-color: yellow;'>
            test
        </div>
        <div style='background-color: green;'>
            test
        </div>
        </td>
        <td style='background-color: red; border: 1px solid blue;'>
            test
        </td>
    </tr>
</table>

这个表生成这个:

有什么方法可以去掉黄色和绿色 div 与表格边框之间添加的空间吗？

Answer 1

该空格是许多(如果不是全部)浏览器默认插入的单元格填充，您可以轻松删除它:

<td style='border: 1px solid blue; padding: 0;'>