CSS 中Margin引數詳解

2021-06-20 18:39:07 字數 366 閱讀 8645

**:

margin:

(1)乙個引數值,將用於全部的四邊。 

(2)兩個引數值,第乙個用於上-下,第二個用於左-右。 

(3)三個引數值,第乙個用於上,第二個用於左-右,第三個用於下。 

(4)四個引數值,將按上-右-下-左的順序作用於四邊。

再如:有人問css 居中如何實現。那可以這麼寫:

margin:0 auto ;

margin後面如果只有兩個引數的話,第乙個表示top和bottom,第二個表示left和right 

因為0 auto,表示上下邊界為0,左右則根據寬度自適應相同值(即居中..)

CSS中margin屬性詳解

margin屬性概述 margin是css層疊樣式表中用來規定圍繞在元素邊框周圍空白區域範圍的屬性.該接受任何長度單位,可以是畫素 英吋 公釐或 em。相關屬性margin 可以單獨改變元素的上,下,左,右邊距。也可以一次改變所有的屬性。屬性 描述 margin 簡寫屬性。在乙個宣告中設定所有外邊距...

CSS中margin屬性詳解

margin屬性概述 margin是css層疊樣式表中用來規定圍繞在元素邊框周圍空白區域範圍的屬性.該接受任何長度單位,可以是畫素 英吋 公釐或 em。相關屬性margin 可以單獨改變元素的上,下,左,右邊距。也可以一次改變所有的屬性。屬性描述 margin 簡寫屬性。在乙個宣告中設定所有外邊距屬...

css中margin引數省略的原則

使用margin屬性是用來設定物件四邊的外邊距,如果提供全部四個引數,將按上 右 下 左的順序作用於四邊,即 margin 記住這個模式的好的途徑是 這4個值從元素頂端開始,順時針圍繞元素。值總是按照這個順序被使用,因此若想得到預期的效果,必須正確地排序它們。為什麼會省略?有時,為margin輸入的...