網(wǎng)頁制作中padding與margin的使用詳解
發(fā)布時間:2019-04-01來源:admin
網(wǎng)頁制作過程中,通長要使用到padding和margin對元素進(jìn)行精確定位。那么實際的網(wǎng)頁制作中什么時候使用padding?什么時候使用margin了?<br />
padding在css中指的是內(nèi)邊距,是設(shè)了padding的元素與子元素的距離。而margin是兩個同級標(biāo)簽的距離,兩個同級標(biāo)簽之間都設(shè)有margin的話,那么兩個元素之間的距離是margin最大的值,而不是兩者之間margin相加的值。那么網(wǎng)頁制作中什么時候使用padding?什么時候使用margin了?<br />
1.塊級元素的水平居中<br />
要使塊級元素水平居中,那么使用margin:0 auto;就是一個很好的辦法,使用這個屬性可以使當(dāng)前塊級元素處在父級塊級元素的水平正中,不管父級塊級元素寬度怎么改變,都是在中央的。<br />
2.在有文字的li標(biāo)簽中左邊使用矢量圖形,避免文字與圖形重合<br />
我們經(jīng)常會看到新聞列表每一列的前方都有一個箭頭,為了使文字和圖形分開就需要使用padding了。如果圖片在文字的左邊,那么就需要將li的左邊距設(shè)的大一點,將文字向右方擠一擠。<br />
以上是margin和padding在特定情況下的一個應(yīng)用舉例,具體應(yīng)用就要具體對待了。而在平常情況下,選擇使用margin或者是padding對結(jié)果都不會有什么影響,但是這里推薦能使用padding的情況下盡量的別使用margin.<br />
聯(lián)系方式: 0755-84185494