如何去除HTML表格单元格之间的微小空白？

你遇到的问题核心是把border-collapse属性放错了位置，这个样式是给<table>元素用的，不是<td>。下面是修复后的代码：

<html>
    <!-- 去除表格单元格间空白的修复代码 -->
    <style>
table { 
    border-collapse: collapse; /* 核心：让表格边框合并，消除单元格间隙 */
    border-spacing: 0; /* 额外保险，强制单元格间距为0 */
}
td { 
    background-color : #888888; 
    border-width : 0px; 
    padding : 0px; 
}
    </style>
    <body>
        <table>
            <tr><td>A</td><td>A</td><td>A</td></tr>
        </table>
    </body>
</html>

关键说明： #

• border-collapse: collapse：这是消除单元格间隙的核心，它会让表格的边框和单元格边框合并，同时自动去掉单元格之间的默认空白。必须应用在<table>上，放在<td>样式里完全无效。
• border-spacing: 0：作为补充，这个属性直接设置单元格之间的间距为0，兼容一些对border-collapse支持不好的旧浏览器，或者避免浏览器默认样式的干扰。

另外，早年还有一种方法是删除HTML代码中<td>标签之间的换行和空格（比如把<td>A</td>\n<td>A</td>改成<td>A</td><td>A</td>），但这种方法维护性差，现在用上面的CSS方案就能彻底解决，没必要这么做。

附上你提供的问题截图：

内容的提问来源于stack exchange，提问作者John-L_.