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

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

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

其实解决办法很简单，只需为图片设置vertical-align属性，让其和文字水平居中显示。

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