CSS图片文字垂直居中对齐

我们在开发过程中经常遇到图片右边加一段文字，文字始终不能和图片中心线对齐。你也可以img标签和span标签都设置position：absolute然后通过top方式对齐，但还是比较麻烦的。现在只需要加一个样式就可以了

一、实现方法？

创建两个标签img和span，img标签加上vertical-align: middle;即可

img {
    vertical-align: middle;
}

vertical-align的属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐

注意：vertical-align属性只适用于行内元素

总结

怎么样是不是很简单，其实方法有很多种，position：absolute是一种，flex布局是一种，但最简单实用的肯定是这个了