开发常见的 icon 和文字对齐

常见的解决方式: 

<elem> <img />case </elem> 

<elem> <img /><span>case</span> </elem>(原文: https://www.w3cplus.com/css/icon-align-to-text.html © w3cplus.com)

1: inline-flex 结合 align-items  

elem {

　　display: inline-flex;

　　 align-items:  center 　　

}

2: inline-block 结合 vertical-align

img,span{

display: inline-block; vertical-align: middle;

}　　

转载于:https://www.cnblogs.com/QxkWeb/p/9418767.html