輔助元素居中一點(diǎn)疑問。
在寫這個例子的時候，發(fā)現(xiàn)在外層設(shè)置font-size12，也就是最小字號了。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>
2017-01-28
沒太明白樓主的意思。不管怎么說在chrome55嘗試了樓主的代碼，span設(shè)置vertical-align: middle在樓主說的同情況下都能引起span位置的變化呀
2017-01-24
span的vertical-align是對span內(nèi)部的內(nèi)聯(lián)元素生效的
2017-01-24
span元素設(shè)置vertical-align為middle或者不設(shè)為middle是對內(nèi)的