CSS解决文字与图片不能水平居中对齐的问题

CSS解决文字与图片不能水平居中对齐的问题

在 HTML 代码中，有时会需要在文字旁边加上一个图标。 

默认情况，是图片置顶对齐，文字置底对齐，所以通常图片高，文字低，不能水平居中对齐 

解决办法：在css中设置图片的vertical-align属性， 

代码如下:

<img src="" style="vertical-align:text-bottom" />