辅助元素居中一点疑问。
来源：9-1 9. vertical-align的实际应用_x264
传说中的小白龙
2017-01-18 01:46
在写这个例子的时候，发现在外层设置font-size12，也就是最小字号了。span元素设置vertical-align为middle或者不设为middle都没有作用。但是在内层设置，也就是在span元素和i元素上分别设置font-size12，span元素设置vertical-align为middle或者不设middle却有相应。下面放上代码。希望能得到大家的帮助。
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回答
-
- 红果果的青蛙
- 2017-01-28 13:12:52
没太明白楼主的意思。不管怎么说在chrome55尝试了楼主的代码，span设置vertical-align: middle在楼主说的同情况下都能引起span位置的变化呀
-
- 慕勒5197866
- 2017-01-24 15:57:37
span的vertical-align是对span内部的内联元素生效的
-
- 慕勒5197866
- 2017-01-24 15:33:41
span元素设置vertical-align为middle或者不设为middle是对内的
CSS深入理解之vertical-align
深入理解vertical-align的属性值，分享开发中应用经验
39337 学习 · 57 问题
相似问题