請問行內(nèi)元素可以設(shè)置padding和margin嗎?
.pageto a {
margin:0 10px;
background:#f3f3f3;
padding:5px 20px;
border:1px solid #dfdfdf;
color:#555;
}
a標(biāo)簽為什么能設(shè)置padding和margin?
.pageto a {
margin:0 10px;
background:#f3f3f3;
padding:5px 20px;
border:1px solid #dfdfdf;
color:#555;
}
a標(biāo)簽為什么能設(shè)置padding和margin?
2016-10-28
舉報(bào)
2016-10-29
拋磚引玉:
以上圖中綠色為padding,黃色為margin。?
可以看出,該代碼的margin只設(shè)置了左右,達(dá)到控制元素間距的目的;padding四個方向都設(shè)置了,將背景層撐大。但是,由于內(nèi)聯(lián)元素的高度是由內(nèi)容決定的,所以加了上下padding以后會與臨近行的元素產(chǎn)生干涉,如圖所示。
總之,一般來說,內(nèi)聯(lián)元素建議盡量不要設(shè)置上下的內(nèi)/外邊距,即padding-top,padding-bottom和margin-top,margin-bottom,因?yàn)橐雌鸩坏叫Ч纯雌饋碛行?shí)則容易引起布局混亂。
希望有幫助!
2016-11-08
行內(nèi)元素不能設(shè)置寬高,豎直方向的margin、padding