图片和文字对齐vertical-align

 <el-button slot="reference" type="text" class="xw-nav-people-app">
                <img
                  :src="require(`@/assets/images/APP.png`)"
                  alt=""
                  class="app-img"
                />App下载</el-button
              >

在按钮前加图片当icon, 但图片和文字不对齐,因为vertical-align的值baseline
图片和文字对齐vertical-align_第1张图片
修改: vertical-align的值为middle

img.app-img[data-v-a95864b0] {
    height: 26px;
    vertical-align: middle;
}

达到效果:
在这里插入图片描述

你可能感兴趣的:(javascript,开发语言,css3)