最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

輔助元素居中一點(diǎn)疑問。

在寫這個(gè)例子的時(shí)候，發(fā)現(xiàn)在外層設(shè)置font-size12，也就是最小字號(hào)了。span元素設(shè)置vertical-align為middle或者不設(shè)為middle都沒有作用。但是在內(nèi)層設(shè)置，也就是在span元素和i元素上分別設(shè)置font-size12，span元素設(shè)置vertical-align為middle或者不設(shè)middle卻有相應(yīng)。下面放上代碼。希望能得到大家的幫助。

div{
	font-size:?12px;
	background:?#ccc;
	text-align:?center;
	line-height:?100px;
}
span{
	vertical-align:?middle;
	background:?pink;
	/*font-size:?12px;*/
}
i{
	height:?100%;
	display:?inline-block;
	vertical-align:?middle;
	background:?red;
	/*font-size:?12px;*/
}
<div>
	<span>我是span</span><i>1asdvas?<br>?2</i>
</div>


正在回答

3 回答

沒太明白樓主的意思。不管怎么說在chrome55嘗試了樓主的代碼，span設(shè)置vertical-align: middle在樓主說的同情況下都能引起span位置的變化呀

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

傳說中的小白龍 提問者

我也是谷歌瀏覽器，不過沒有看版本號(hào)。是font-size設(shè)置的位置不同，效果不同。我也將font-size不同位置注釋了。。我已經(jīng)單方面認(rèn)為是瀏覽器bug了。。
2017-01-28 回復(fù) 有任何疑惑可以回復(fù)我~
#2

傳說中的小白龍 提問者

對(duì)了，不是vertical-align沒有效果。還是有效果的，只是不是絕對(duì)居中。在外層設(shè)置fz是絕對(duì)居中。內(nèi)層就不是絕對(duì)居中。而且只有fz12這樣。。。
2017-01-28 回復(fù) 有任何疑惑可以回復(fù)我~

span的vertical-align是對(duì)span內(nèi)部的內(nèi)聯(lián)元素生效的

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

傳說中的小白龍 提問者

你試了我的例子了嗎。。設(shè)置fz的位置不同，span元素有時(shí)絕對(duì)居中，有時(shí)沒有動(dòng)向。。跟你說的沒有關(guān)系。。而且vertical-align作用是作用元素自身的。。不是作用子元素。。
2017-01-24 回復(fù) 有任何疑惑可以回復(fù)我~

span元素設(shè)置vertical-align為middle或者不設(shè)為middle是對(duì)內(nèi)的

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

傳說中的小白龍 提問者

沒看懂。。能說明白點(diǎn)嗎。。
2017-01-24 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

輔助元素居中一點(diǎn)疑問。

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

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

 幫助反饋 APP下載

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

 公眾號(hào)

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