使用vertical-align:middle使span和img垂直对齐,不生效。
这个是在谷歌浏览器上的显示(如下)
在真机测试:ipad上没有垂直对齐(效果如下)
代码如下:
html:
css:
琢磨了好久找不到原因,求问各位大佬们为什么会这样子呢?如果要icon和文字垂直居中该怎么办?用过flex在iPad上也不行,在谷歌模拟和安卓机都很正常。
###有木有大佬帮帮孩子QAQ
###这是 Css Hack 问题,建议查询兼容,还有就是可以尝试添加safari的内核在css里面,可以搜下css hack的文档及资料
###如果不考虑兼容IE,直接上flexbox
吧,居中对齐就好了,vertical-align
是会有这个问题。
好像和字体啥的有关系,或者在前做一个固定高的伪类来对齐