CSS中有一個(gè)非常重要的屬性,那就是margin。margin可以設(shè)置元素與外部元素之間的間距。其中,框外間距又分為上下間距和左右間距,分別控制元素與上下和左右的距離。
{ margin-top: 20px; margin-bottom: 20px; margin-left: 30px; margin-right: 30px; }
在使用margin時(shí),我們需要注意一些事項(xiàng)。首先,margin會(huì)影響元素的寬度,因此在設(shè)置margin時(shí)需要考慮,尤其是在響應(yīng)式設(shè)計(jì)中。其次,margin的值可以取負(fù)數(shù),此時(shí)元素會(huì)與外部元素重疊。
margin還有一個(gè)屬性叫做margin-collapse(外邊距折疊),很多人可能不了解這個(gè)屬性。外邊距折疊指的是兩個(gè)相鄰的元素之間的距離會(huì)取兩個(gè)元素中的較大值,而不是兩者之和。因此,在設(shè)置元素的上下margin時(shí),我們需要注意相鄰元素的margin,以免出現(xiàn)不必要的空隙。
下一篇mysql源碼閱讀方式