CSS中的左右間隔是通過(guò)margin-left
和margin-right
屬性來(lái)實(shí)現(xiàn)的。這兩個(gè)屬性可以分別設(shè)置元素與其相鄰元素之間的左右間距。
.box { margin-left: 10px; margin-right: 20px; }
在上面的代碼中,.box
類的元素將會(huì)在其左側(cè)與相鄰元素之間設(shè)置10像素的間隔,在其右側(cè)與相鄰元素之間設(shè)置20像素的間隔。
如果希望元素的左右間隔相等,也可以使用margin
屬性來(lái)設(shè)置。
.box { margin: 10px; }
在上面的代碼中,.box
類的元素將會(huì)在其左右兩側(cè)與相鄰元素之間設(shè)置相等的10像素間隔。
需要注意的是,margin-left
和margin-right
屬性可以接受負(fù)值,這樣就可以使元素與其相鄰元素之間的間距變?yōu)橹丿B。
.box { margin-left: 10px; margin-right: -10px; }
在上面的代碼中,.box
類的元素將會(huì)在其左側(cè)與相鄰元素之間設(shè)置10像素的間隔,在其右側(cè)與相鄰元素之間重疊10像素。