图片和span标签水平垂直对齐

 css

.bgsj_list{display: flex;height: 0.3rem;line-height: 0.3rem;margin: 0.1rem 0;
    img{ margin-right: 0.1rem;width: 1em;height: 1em;vertical-align: middle;}
    span{vertical-align: middle;}
}

html

<div class="bgsj_list">
     <div>
          <img src='static/images/Index/ic_sxsj_excel.png' alt="">
          <span>测头孔</span>
      </div>
      <el-button round @click="preView" style="margin-left: auto;">预览</el-button>
      <el-button round @click="downLoad">下载</el-button>
</div>

页面显示效果