关于CSS图片后文字无法垂直居中的问题

问题:

图片后文字无法垂直居中?
图片.png

原因:

因为图片和文字在行内垂直方向默认是以基线(baseline)对齐的,图片基线在图片底部,而文字基线却在文字中点偏下的位置,所以才会显示成上图的样子。

解决办法:

给文字和图片分别加上

vertical-align: middle

你可能感兴趣的:(关于CSS图片后文字无法垂直居中的问题)