<div class="step_title">
<img src="../assets/img/step.png" alt=""/>
<span>填报流程</span>
</div>
.step_title{
height: 12vw;
line-height: 12vw;
border-bottom: 1px solid #d5d5d5;
}
.step_title img{
width: 8vw;
height: 8vw;
vertical-align: middle;
padding-left: 2vw;
padding-right: 2vw;
}
.step_title span{
font-size: 16px;
display: inline-block;
vertical-align: middle;
}
最终实现效果
单行文字垂直居中
使用height和line-height属性
图片居中
使用 background-position:center;
vw是单位,可替换为px