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