是否可以模擬表格單元格之間的間距，使得垂直和水平間距不同？

Question

在CSS中，您可以使用表格的border-spacing屬性指定表格單元格之間的間距。

但是，這會導致列和行之間的間距保持一致，並且我發現更多情況下使用的設計稱爲行間空格，但不是列或反之亦然。

如果我有一個堅實的背景，我可以使用與背景色相同顏色的邊框來模擬間距。

我也可以創建一個div（例如）每個表格單元格的第一個子元素，並使用填充或邊距來獲得所需的結果，但爲了適應樣式，這是很多額外的標記。

鑑於我所顯示的數據是表格數據，有沒有一種明智的方式來實現這種使用表格的風格？

Answer 1

您可以指定border-spacing或相關屬性的水平和垂直邊緣的不同間距。只需指定多個測量。例如，

border-spacing: 1px 2px; 

Answer 2

在一般情況下，你可以指定thayt可以全局地或單獨地施加在屬性calues（例如，「填充」），遵循一個簡單的圖案。

• 如果指定的單個值（例如 填充：2px的）的值被施加到 的頂部，底部，左，右 對象的。

• 如果指定兩個值（例如 填充：2px的7px的）第一個值 被施加到頂部和底部和 第二至左邊和右邊。

• 如果指定三個值中，第一 值被應用到頂部， 第二個值向左和 權，並最終值的 底部。

• 如果指定了四個值（如 填充：1px的，2px的，3px的，4PX）的 值應用於上，右， 下，左的順序（使用這個詞的麻煩還記得順序） 。