CSS中的表格單元格間距是指在表格中的每個(gè)單元格之間設(shè)置的空間大小。通常情況下,單元格間距設(shè)置為0,使得單元格的邊緣能夠完全貼合在一起,從而呈現(xiàn)出更美觀的頁(yè)面。
如果你需要設(shè)置單元格間距,可以通過CSS屬性border-spacing
來實(shí)現(xiàn)。該屬性用于設(shè)置表格邊框之間的間距,包括單元格邊框和表格邊框之間的間距。
table { border-collapse: separate; /* 默認(rèn)為'collapse' */ border-spacing: 5px; /* 設(shè)置單元格間距為5px */ }
其中,border-collapse: separate
表示單元格邊框和表格邊框不合并,而是各自獨(dú)立設(shè)置。如果設(shè)置為collapse
,則表示將單元格邊框和表格邊框合并在一起,且單元格間距為0。
除了border-spacing
屬性外,還可以使用padding
屬性來設(shè)置單元格之間的空隙。但是這種方式會(huì)同時(shí)影響單元格邊緣和表格邊緣的間距,因此不如border-spacing
靈活。
需要注意的是,border-spacing
屬性只適用于具有border-collapse: separate
屬性的表格。如果表格沒有設(shè)置border-collapse
屬性或設(shè)置為collapse
,則border-spacing
屬性無效。