它可能是模仿之间的间隔表的细胞,这样垂直和水平隔是不同的?

StackOverflow https://stackoverflow.com/questions/253121

  •  05-07-2019
  •  | 
  •  

在CSS,你可以指定之间的间隔的表格使用的边境间隔的财产表。

但是,这种结果之间的间隔均匀列和行,而且我在寻找更多的情况下设计我使用呼叫之间的差距行,但不列,或反之亦然。

如果我有一个坚实背景,我可以模拟间隔的采用边界,同一个颜色的背景的颜色。

我还可以做一个div(例如)的第一个孩子的每一表格的单元,并使用以填充或利润来获得所需的结果,但这是一个很大的额外的标记只是为了满足的风格。

鉴于数据我所显示的表格数据,是否有一个明智的方式来实现这种风格的使用表?

有帮助吗?

解决方案

可以 border-spacing 或相关属性指定水平和垂直边缘的不同间距。只需指定多个测量值即可。如,

border-spacing: 1px 2px;

其他提示

一般情况下 在这里你可以指定calues thayt可以应用于全球或单独在一个酒店(例如,"填充"),遵循一个简单的模式。

  • 如果你指定一个单一的价值(例如填充:2px;)的值应用 对上、下,左,右 的对象。

  • 如果你指定两个价值观(例如填充:2px7px;)的第一个值 加到顶部和底部 第二左右。

  • 如果你指定的三值, 第一数值加到顶峰, 第二值左边 权利,并最终价值 底部。

  • 如果你指定四个值(例如填充:1px,2px,3px,4px; 的) 值应用到上,正确的, 底,留在这个顺序(记的顺序使用这个词麻烦).

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top