在CSS中,可以使用margin
屬性來(lái)設(shè)置左邊距和右邊距。margin
屬性可以接收四個(gè)值,分別代表上、右、下、左四個(gè)方向的外邊距,要設(shè)置左邊距和右邊距,可以分別傳入對(duì)應(yīng)的值。
要設(shè)置左邊距為20px,右邊距為30px,可以寫(xiě)作:
div { margin: 0 30px 0 20px; }
0
代表上邊距,30px
代表右邊距,0
代表下邊距,20px
代表左邊距,這樣,就可以將左邊距和右邊距分別設(shè)置為20px和30px。
需要注意的是,如果只想設(shè)置左邊距或右邊距,可以將另一個(gè)方向的外邊距設(shè)置為auto
,這樣瀏覽器會(huì)自動(dòng)計(jì)算另一個(gè)方向的外邊距。
div { margin: 0 30px; }
這樣,瀏覽器會(huì)自動(dòng)計(jì)算上邊距和下邊距,而右邊距則被設(shè)置為30px,同樣地,如果只設(shè)置左邊距,可以將右邊距設(shè)置為auto
。
還可以使用padding
屬性來(lái)設(shè)置內(nèi)邊距,與margin
類(lèi)似,padding
也可以接收四個(gè)值,分別代表上、右、下、左四個(gè)方向的內(nèi)邊距,要設(shè)置左邊距和右邊距,可以分別傳入對(duì)應(yīng)的值。
div { padding: 0 30px 0 20px; }
這樣,就可以將左邊距和右邊距分別設(shè)置為20px和30px,同樣地,如果只想設(shè)置左邊距或右邊距,可以將另一個(gè)方向的內(nèi)邊距設(shè)置為auto
。