CSS中可以通過設(shè)置元素與上邊框的距離來(lái)調(diào)整布局,一般使用margin-top屬性進(jìn)行設(shè)置。下面是一個(gè)示例代碼:
p { margin-top: 20px; }上面的代碼將p元素與其上方的元素之間的距離設(shè)置為20像素。需要注意的是,如果上方的元素也有上邊框,則兩者之間的距離將包括兩個(gè)邊框的寬度。 如果要將p元素緊貼著上邊框,可以設(shè)置margin-top為0,或者使用負(fù)數(shù)值來(lái)將元素向上移動(dòng)。如下所示:
p { margin-top: 0; } /* 或者 */ p { margin-top: -10px; }需要注意的是,如果p元素內(nèi)部存在浮動(dòng)或絕對(duì)定位的子元素,則margin-top屬性可能不會(huì)生效。此時(shí)可以考慮使用padding-top屬性來(lái)調(diào)整元素與上邊框的距離。 通過使用margin-top或padding-top屬性,我們可以輕松地控制元素與上邊框之間的距離,從而實(shí)現(xiàn)想要的布局效果。
下一篇css距表格距離