CSS中間距(margin)是控制元素間距離的重要屬性。下面是一些關于CSS中間距的代碼:
/* 設置上下左右的中間距為10像素 */ .box { margin: 10px; } /* 設置上下中間距為10像素,左右中間距為20像素 */ .box { margin: 10px 20px; } /* 設置上下左右分別為10、20、30、40像素 */ .box { margin: 10px 20px 30px 40px; } /* 設置上下中間距為10像素,左右中間距為自動 */ .box { margin: 10px auto; } /* 設置上下左右兩側中間距為0 */ .box { margin: 0; }
注意,CSS中間距屬性除了可以用像素、百分比等單位外,還可以使用關鍵字auto。在使用auto時,瀏覽器會自動計算出元素的中間距。