问题标签 [border-spacing]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

33 问题
Newest
Active
Bountied
318
Unanswered
0 投票
1 回答
30 浏览

html - 带有黑色边框的表格行之间的空间

我有一个表格，我想要在其中的行之间留有空间，并且每行周围都有一个黑色边框

  • border-collapse = collapse：每行都有黑色边框，但行之间没有空格

在此处输入图像描述

  • border-collapse = separate: 是行之间的空间，但每行周围没有黑色边框

在此处输入图像描述

如果我border-collapse从 css 中删除，它的行为与第一张图像完全相同。我怎样才能将两者结合在一起？

0 投票
0 回答
65 浏览

css - 水平和垂直 DIV 间距不一致

我很困惑为什么在某些浏览器上我得到正方形之间的规则网格间距，而另一些浏览器在垂直方向上得到的间距与水平方向上的间距不同。我正在使用 Chrome 版本 96.0.4664.93（官方版本）（x86_64）。

有人告诉我一个小技巧，border-right: 4px solid white;即div>div. 但是，我想知道为什么渲染不一致。

grid_on_Chrome _96 , grid_on_Electron

0 投票
2 回答
45 浏览

html - 如何添加虚线或向 td 边框添加填充

下图已经接近我正在寻找的解决方案（请参阅我的 codepen）。唯一缺少的是<tbody>or的轮廓边框<thead>和 the 的边框之间的填充/间隙<td>

虚线表当前状态

问题

  • 如果您必须创建看起来像上图的东西，您会采取什么方法？
  • 我怎样才能实现虚线在 td (/ tr) 的边界与 tr 或 tbody 或 table 的轮廓之间有一些间隙？

代码

您可以查看codepen 上的代码。我的 CSS 方法是这样的


12345678910