第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

請問行內(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?

正在回答

2 回答

<div?class="pageto">
		<a?href="">First</a>
		<a?href="">Second</a>
		<a?href="">Third</a>
		<a?href="">Forth</a>
	</div>
	<div>
		<span>你好</span>
		<span>Hello</span>
	</div>

http://img1.sycdn.imooc.com//5813ea1900015fc904510074.jpg

拋磚引玉:

以上圖中綠色為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í)則容易引起布局混亂。

希望有幫助!

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕哥6856040 提問者

非常感謝!
2016-10-29 回復(fù) 有任何疑惑可以回復(fù)我~

行內(nèi)元素不能設(shè)置寬高,豎直方向的margin、padding

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消
網(wǎng)頁布局基礎(chǔ)
  • 參與學(xué)習(xí)       214674    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機(jī)制,徹底掌握網(wǎng)頁布局的相關(guān)知識

進(jìn)入課程

請問行內(nèi)元素可以設(shè)置padding和margin嗎?

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號