CSS table 单元格间距是指在HTML表格里,各个单元格之间的距离大小。如果想要设置单元格之间的距离,可以使用CSS属性。
table { border-collapse: collapse; border-spacing: 20px; /* 设置单元格之间的距离为20像素 */ }
其中,border-collapse
属性用于合并表格边框,并使得表格单元格之间的边框只显示一次。而 border-spacing
则是用于设置单元格之间的间距。
需要注意的是,border-collapse
和 border-spacing
属性只适用于有边框的表格,如果表格没有边框,则无效。
如果只想要在某些单元格之间设置距离,可以使用 padding
属性。如下所示:
td { padding: 10px; /* 设置每个单元格的内边距为10像素 */ }
这样就会在每个单元格的四周都留下10像素的空白。
需要注意的是,padding
属性不仅仅可以用于表格,还可以用于其他HTML元素的样式设置中。它用于设置元素内部的空白区域大小。
综上所述,CSS table 单元格间距的设置可以使用 border-collapse
、border-spacing
和 padding
属性进行调整。