CSS中經常需要設置元素距離左側的位置,常用的屬性有margin-left和padding-left。
/*設置元素外邊距左側距離*/ margin-left: 20px; /*設置元素內邊距左側距離*/ padding-left: 20px;
當我們需要讓元素與左側其他元素有一定的間距時,我們可以使用margin-left屬性來進行設置。例如,我們需要使一個左側的導航條與網頁主體有一定距離:
/*設置導航條距離左側距離*/ .nav{ margin-left: 50px; }
當我們需要在元素內設置左邊界與內容之間的距離時,我們可以使用padding-left屬性。例如,我們需要使一個列表項的左側有一定的空白:
/*設置列表項左側距離*/ li{ padding-left: 15px; }
需要注意的是,margin-left和padding-left設置距離的單位通常為px,也可以為em、rem等其他單位。如果需要設置元素與左側的距離為負值,可以將數值設為負數。同時,在使用這兩個屬性時,需要注意瀏覽器的兼容性。
下一篇css規則定義中英對照