CSS中,可以使用margin
屬性來控制元素的上邊框距離,如果想讓某個元素的上邊框與上方元素沒有距離,可以將該元素的margin-top
屬性設置為0
或auto
。
假設有這樣一個HTML結構:
<div class="container"> <div class="element"></div> <div class="element"></div> <div class="element"></div> </div>
可以通過CSS來消除第二個元素的上邊框與上方元素之間的距離:
.container .element:nth-child(2) { margin-top: 0; }
或者使用auto
值來自動計算距離:
.container .element:nth-child(2) { margin-top: auto; }
這樣,第二個元素的上邊框就會緊貼上方的元素,沒有額外的距離,注意,這里的nth-child(2)
表示選擇第二個子元素,如果需要根據(jù)實際情況調整,可以相應地修改選擇器。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。