CSS - HTML - 单元格之间的空间答案

【问题标题】：CSS - HTML - Space betwwen cellsCSS - HTML - 单元格之间的空间
【发布时间】：2016-09-13 22:58:11
【问题描述】：

我想删除这两个单元格之间的空间：

这是我的JSFIDLE。

我使用这个 CSS 类来放置我的单元格。转到我的 JSFIDLE，您可以看到有关我的代码的更多信息。

.border
{
    margin-bottom: -6px;
    margin-left: -6px;
}

如果您想了解有关我的代码的更多信息，请告诉我！

【问题讨论】：

【解决方案1】：

将您的表类更改为以下内容：

table
{
width:50px; 
font-size: 13px;
border-spacing: 0px;

}

border-spacing 允许您指定单元格之间的间距

【讨论】：

工作谢谢。但是这个 CSS 适用于删除每个单元格之间的空间。
使用chrome devtool，我注意到你有一个border-spacing: 2px;在 css 文件中为您的表类定义，它会覆盖您在主表或内部表中所做的任何修改。如果禁用它，您将只能为内部表格指定边框间距
你在哪里看到边框间距：2px？
使用 chorme devtool 检查您的表格元素，您可以在互联网上搜索如何执行此操作。对于此类问题，它是一个非常有用的工具。