问题标签 [border-spacing]

我有一张看起来像这样的桌子

我想删除每组“上一个”和“当前”单元格之间的间距，但在行和其他列之间保留它。这可能吗？

在我看来，大多数 CSS 属性的两项标准是“上/下、左/右”。至少，除了边框间距之外，我所知道的一切都是这种情况。

边框间距的“左/右，上/下”简写是故意的吗？它每次都让我感到困惑，也许 w3 没有注意到它是不一致的。

我找不到匹配的答案。

http://jsfiddle.net/uXUnm/

如您所见，table1有 2px 边框（我想要 1px），table2没有圆角边框。border-collapse:collapse;修复了由border-spacing: 0;但破坏了舍入引起的第一个问题。谁能告诉我一种方法来解决这两个问题而不会弄乱:first-child等last-child选择器？

您可以看到的内部矩形是一个水平面板。我在其中添加了 3 个按钮。我希望所有这些按钮都位于底部 - 水平面板的大部分。我尝试了以下代码行

但它对按钮没有影响。有人可以就此向我提出任何建议吗？

我正在构建一个动态表。

每个单元格都有灰色背景色，我希望每个单元格之间有一个空白区域（垂直和水平）。

所以我正在使用 CSS 属性

除了这个空白不仅在单元格之间，它还可以很好地工作。它实际上是在每个单元格周围，包括位于表格边缘的单元格。

这意味着桌子周围有空白区域。

有没有办法说：“如果该边框位于表格边缘，则在单元格的边框之间放置一个空格”

注意：这是一个动态表，所以我想避免为“内部”单元格设置专用的 CSS 类。

我尝试删除 Table1Header 和 Table2Header 之间的空白。我尝试了边框：0px，填充：0px 和边框间距：0px；样式。Firefox 和 Opera 告诉我，我的边框间距样式被用户代理样式（即 2px）覆盖。如何强制浏览器使用我的样式？

http://jsfiddle.net/cdjDR/2/

我使用所见即所得的编辑器。如果我插入表格并将单元格间距设置为 30，它不会产生任何影响，因为边框间距在我无权访问的主 css 文件中设置为 0。

我可以使用内联样式覆盖边框间距，但我不知道在用户端将选择什么单元格间距，所以我不能将边框间距设置为相同的数字，因为我不知道这个数字。

有没有办法删除边框间距值或有任何其他解决这个问题的方法？太糟糕了，边框间距属性没有“无”值。

由于某种原因，我无法覆盖 Chrome 中用户代理样式表中的边框间距。目前它设置为 2px，但我希望它是 0px。边框折叠被覆盖就好了，但边框间距没有。

我也尝试添加 -webkit-border-horizo​​ntal-spacing 和 -webkit-border-vertical-spacing

但是这些覆盖也不起作用。

我的 HTML 文档

我的inventorystyle.css

Bootstrap 有一种table {border-collapse: collapse; border-spacing:0;}风格。我想覆盖它，所以我创建了一个类并将其应用到有问题的表中：

但边界仍然崩溃。Chrome 元素检查器显示 Bootstrap CSS 已被覆盖，但仅在检查器中禁用样式才允许边框间距。我在 IE 11 和 Firefox 31.0 中观察到了这一点。内联样式似乎也被覆盖（如 Chrome 检查器中所示），但在我禁用 Bootstrap 样式之前无效。

CSS加载顺序似乎也没有什么区别。 是什么赋予了？类不是更高的特异性吗？

我有一些非常基本的html：

现在，我想在表格行和列之间添加间距，所以我添加了这个 css：

伟大的。除了现在表格本身不再与 2 段齐平。

我的问题是表格如何获得所需的间距而不是缩进，或者如何应用最少的 CSS 来克服缩进？

在http://jsfiddle.net/smlombardi/9mzzdsrn/1/上查看此代码