CSS中的table元素可用于創建顯示網格數據的表格。表格中的行和列之間的距離在瀏覽器中默認為0。 但有時候我們需要控制表格的間距。
對于外部表格間距,我們可以使用CSS中的margin屬性來控制。例如,要將表格與其他元素分隔開,請使用以下代碼:
table { margin-bottom: 20px; }
這會將表格的下部與下面的元素錯開20像素。
對于表格行和列之間的間距,我們可以使用CSS中的padding和border-spacing屬性來控制。 border-spacing屬性設置表格單元格之間的距離,padding屬性設置表格內部元素的距離。
table { border-spacing: 0; border-collapse: separate; padding: 10px; }
border-spacing屬性的默認值為2px,如果將其設置為0,將會把表格中的行和列之間的距離都設置為0。如果要設置行和列之間的間距,請使用padding屬性。
使用以上的代碼,設置了表格的邊距,同時將表格中的行和列之間的間距設置為10像素。
總而言之,要控制table間距,只需使用CSS中的margin、padding和border-spacing屬性。這些屬性可用于調整表格閱讀體驗的外觀和性能。
上一篇css中文件排序橫向
下一篇css中日期格式顯示