有趣的bug--flex后元素垂直居中安卓不居中

不知道大家有没有遇到这个问题：在使用flex之后，里面的文字和图片在安卓下有点对不齐（在ios完美对齐）

<div style="display:flex;">
　　<i></i>
　　<span>文字与图片不太居中对齐</span>
　　<i></i>
</div>

需要做的效果差不多是这样的：

 

电脑的模拟器上效果也很好，但在安卓上就有点像跟文字底部对齐，让人很郁闷。

解决方法：（因为我的图片和文字需要放在一起，所以……）

<div style="display:flex;">
　　<div>
　　　　<i></i>
　　　　<span>这样就对齐啦~</span>
　　</div>
　　<i></i>
</div>

（这里就不贴图了，遇到过发现这个问题的人都会懂的~）