Spo*_*ser 3 html css css-tables
在CSS中,您可以使用表的border-spacing属性指定表格单元格之间的间距.
然而,这导致列和行之间的间隔均匀,并且我发现更多情况,我正在使用的设计调用行之间的间隙,而不是列,或反之亦然.
如果我有一个坚实的背景,我可以使用与背景颜色相同的颜色来模拟间距.
我还可以创建一个div(例如)每个表格单元格的第一个子节点,并使用填充或边距来获得所需的结果,但这是为了适应该样式而进行的大量额外标记.
鉴于我显示的数据是表格数据,是否有一种明智的方法来使用表格来实现这种风格?
Chr*_*ung 10
您可以为水平和垂直边缘border-spacing或相关属性指定不同的间距.只需指定多个测量值即可.例如,
border-spacing: 1px 2px;
Run Code Online (Sandbox Code Playgroud)
在您可以指定calue 的一般情况下,thayt可以全局或单独应用于属性(例如,"padding"),请遵循一个简单的模式.
如果指定单个值(例如padding:2px;),则该值将应用于对象的顶部,底部,左侧和右侧.
如果指定两个值(例如填充:2px 7px;),则第一个值应用于顶部和底部,第二个值应用于左侧和右侧.
如果指定三个值,则第一个值应用于顶部,第二个值应用于左侧和 右侧,最终值应用于底部.
如果指定四个值(例如填充:1px,2px,3px,4px;),则按顺序将值应用于顶部,右侧,底部,左侧(使用单词TRouBLe记住顺序).
| 归档时间: |
|
| 查看次数: |
595 次 |
| 最近记录: |