适用于带文字 和图片的垂直居中方法

　　今天遇到一个切图的问题 如下

　　　　　　

 

　　如何实现这个图片加文字垂直居中的方法呢

　　本人不才 就先用了一个 插入空的节点的方法  当时这个可能并不是完美 因为多了代码

　　因为要做项目 等忙完这段时间再去研究还要啥方法

　　

<div class="listTitle">
    <span class="node1"></span>
    <img src="图片地址" />
    <span>检测常识</span>
</div>

css部分

.listTitle{width: 400px;height: 35px;background-color: #40485F}
.listTitle span.node1{display: inline-block;width: 2px;vertical-align: middle; height: 100% }
.listTitle span,.listTitle img{vertical-align: middle;color: white}

转载于:https://www.cnblogs.com/guxiaosao/p/4826046.html