在CSS中,我們可以使用margin屬性來設(shè)置模塊之間的距離,這個屬性接受一個或多個值,這些值可以是具體的距離(如像素、毫米等),也可以是百分比(相對于包含塊的寬度)。
如果我們想要設(shè)置一個模塊距離其包含塊底部20像素的距離,我們可以這樣寫:
.module { margin-bottom: 20px; }
如果我們想要設(shè)置一個模塊距離其包含塊左右兩側(cè)各10像素的距離,我們可以這樣寫:
.module { margin-left: 10px; margin-right: 10px; }
如果我們想要設(shè)置一個模塊距離其包含塊四個方向(上、右、下、左)各20像素的距離,我們可以這樣寫:
.module { margin: 20px; }
注意,如果模塊是塊級元素(如div、p等),那么margin會使其周圍出現(xiàn)空白區(qū)域,如果模塊是內(nèi)聯(lián)元素(如span、a等),那么margin不會使其周圍出現(xiàn)空白區(qū)域,而是會使其內(nèi)部出現(xiàn)空白區(qū)域。
我們還可以使用padding屬性來設(shè)置模塊內(nèi)部元素與模塊邊界之間的距離,這個屬性的用法與margin類似,但是它設(shè)置的是模塊內(nèi)部的空白區(qū)域。
希望這些信息對你有所幫助!如果你還有其他問題,歡迎繼續(xù)提問。