问题标签 [border-spacing]

我已经制作了一个边框间距为 16px 高度的表格，我只想为一个特定的单元格取消该空间。这是表格：

我想为桌子的其余部分保留空间，希望您能提供帮助。

我必须在表格border-spacing:0的border:0CSS 中设置。

添加border-collapse:collapse并border:0没有工作。在 CSS 中添加border-collapse:separateunderborder:0和简单地删除border 或border-spacing 属性border-collapse:collapse都不起作用。

在 Chrome 中单击F12功能键时，我注意到表格元素的边框间距保持 2px，并且无论边框宽度和边框折叠如何，都不会改变。

有没有办法在不将代码从表结构更改为其他代码的情况下解决这个问题？

我有一个使用边框间距来分隔行的表。

当使用 JQuery 可排序时 - 它可以工作 - 移动时行会跳下，这可以修复吗？

此代码演示：

在我的 html 中，我有一个边框间距设置为 2px 的表格。是否可以删除第一列和表格左边框之间的空间？当然，在最后一个单元格和表格的右边框上做同样的事情？这是我的 html 和 css

我希望表格中的行具有断开连接的外观，类似于下面所附的。我通过使用CSS border属性尝试了下面的代码，但我想用细边框在每行之间创建垂直空间并给出清晰的边框边缘。

这是Stackblitz演示页面

我有一个 10x10 的表格，每个表格里面都有<td>一个 32x32px 的图像。我希望整个单元格缩小到图像的大小，这样每个单元格就在另一个单元格旁边。但是，我似乎无法删除底部边距/边框/任何东西。

我已经尝试了从 usingborder-collapse到 的所有方法border，border-spacing但它只是摆脱了水平边框，底部仍然有一个边框。检查元素显示每个单元格td每行tr的高度为 35.73 像素，宽度为 32 像素。为什么高度不正确？我怎样才能解决这个问题？

每行下面不应该有那些白色条纹。尺寸应报告为 32x32px。

我最近一直在研究某种绘图网格并使用边框间距。

想法是形成一个表格，其中包含固定数量的单元格，具有预设大小和边框间距。

然后根据这些参数计算整个表的大小。

最后通过嵌套循环创建表。

如果我使用小（<4px）边框尺寸，它似乎无法在 Chrome 中正常工作 - 单元格尺寸开始偏移 0.4 px 左右。在 Chrome 中，有 2 个计算出的 webkit 选项会影响这个偏移量：

但是我不能像这样改变它们：

计算值仍将保持在 0.8 像素。最后的内容不多，但真的很困扰我。这种行为有什么原因吗？是否有可能具有如此低的值的精确单元格大小？

这是一个示例小提琴：https ://jsfiddle.net/kdqoc4vy/1/

注意，cell_size 应该正好是20px，但实际上是 19.2。

PS With Edge evertyhing 可以正常工作。当表格很小时，这个 0.8px 几乎没有，但是当它有 64 行和列时，这种不一致就会成为问题。提前感谢您的回复！

您好，所以我在页面上有两列。我想添加一些填充，以便我的文本很好地适合每列 top,bottom,left,right 的中间。我尝试使用包装器并调整文本所在的 div 宽度，但我一定做错了什么。这是我第一次尝试 VH 和 VW。早些时候，我让它做我想做的事，但是在刷新几次之后，正确的 div 列会下降，时间或停留在它的位置。任何帮助将非常感激。

我正在尝试使用添加双边框，border: 10px double red;但如何控制边框的厚度和间距？我希望边框的厚度为 1px。如果我只是将边框更改为 1px，则边框会重叠并且几乎只有一个边框可见。我也尝试使用边框宽度 1px 但结果相同。

我也一直在尝试使用边框间距属性，但无法使其正常工作。

这是我想要完成的截图：https ://share.getcloudapp.com/JrugmEG2

工作jsfiddle：https ://jsfiddle.net/7Lw21z85/

HTML：

CSS：

我在一个 div 容器中包裹了几个 div，我可以看到边框和元素之间有一些奇怪的空间。问题发生在chrome 和 edge上。我尝试了Mozilla，它运行良好。

我正在使用引导程序，带有一些自定义 CSS。

我也在分享相关代码：

片段中的对齐看起来很完美，但它向我展示了一些空间。我为此附上了一些片段：

我相信填充和边距没有问题。任何帮助表示赞赏:)

更新：边缘也发生了同样的事情。如果我删除添加到#box元素的 5vh 边距，问题就会得到解决。