教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

怎樣給盒子模型設(shè)置外邊距？

更新時(shí)間:2021年03月15日17時(shí)20分 來源:傳智教育 瀏覽次數(shù):


網(wǎng)頁是由多個(gè)盒子排列而成的，要想拉開盒子與盒子之間的距離，合理地布局網(wǎng)頁，就需要為盒子設(shè)置外邊距。所謂外邊距指的是標(biāo)簽邊框與相鄰標(biāo)簽之間的距離。在CSS中margin屬性用于設(shè)置外邊距，它是一個(gè)復(fù)合屬性，與內(nèi)邊距padding的用法類似，設(shè)置外邊距的方法如下。

margin-top:上外邊距;
margin-right:右外邊距;
margin-bottom:下外邊距;
margin-left:左外邊距;
margin:上外邊距 [右外邊距 下外邊距 左外邊距];


margin取值遵循值復(fù)制的原則，其取1~4個(gè)值的情況與padding相同，但是外邊距可以使用負(fù)值，使相鄰標(biāo)簽發(fā)生重疊。

當(dāng)對(duì)塊級(jí)元素（將在5.4小節(jié)詳細(xì)介紹）應(yīng)用寬度屬性width，并將左右的外邊距都設(shè)置為auto，可使塊級(jí)元素水平居中，實(shí)際工作中常用這種方式進(jìn)行網(wǎng)頁布局，示例代碼如下。

.num{ margin:0 auto;}

注意：

如果沒有明確定義標(biāo)簽的寬高時(shí)，內(nèi)邊距相比外邊距的容錯(cuò)率高。




猜你喜歡：

css盒子是什么，在網(wǎng)頁中起到什么作用？

【前端】盒子模型不同邊框樣式屬性和應(yīng)用技巧講解

相鄰塊元素垂直外邊距合并的方法？

傳智教育web前端培訓(xùn)班

0 分享到：
和我們?cè)诰€交談！