在CSS中,可以使用margin
屬性來(lái)左右留下空隙。margin
屬性用于設(shè)置元素的外邊距,可以分別設(shè)置左右、上下四個(gè)方向的邊距。
如果想要在左右兩側(cè)各留下20像素的空隙,可以這樣寫(xiě):
div { margin-left: 20px; margin-right: 20px; }
這樣,<div>
元素的左右兩側(cè)就會(huì)各出現(xiàn)20像素的空白區(qū)域。
除了使用margin
屬性,還可以通過(guò)設(shè)置padding
屬性來(lái)在元素內(nèi)部左右留下空隙。padding
屬性用于設(shè)置元素的內(nèi)邊距,同樣可以分別設(shè)置左右、上下四個(gè)方向的邊距。
如果想要在<div>
元素內(nèi)部左右兩側(cè)各留下10像素的空隙,可以這樣寫(xiě):
div { padding-left: 10px; padding-right: 10px; }
這樣,<div>
元素內(nèi)部的左右兩側(cè)就會(huì)各出現(xiàn)10像素的空白區(qū)域。
需要注意的是,margin
屬性會(huì)影響元素的布局,而padding
屬性則不會(huì),在使用時(shí)需要根據(jù)具體的需求和布局來(lái)選擇使用哪個(gè)屬性。