代码如下

display:flex;
justify-content:center;
align-items:center;

盒子里面的文字和图片居中对齐，但是图标没有居中对齐,而且 加了vertical-align:middle不起作用。

网上查了资料是使用下面的代码，亲测有效：

vertical-align:-1px;//具体是-几个px 需要自己去调整