css - 如何垂直居中图像，materializecss btn中的文本

Question

使用 btn 类创建一个按钮，并在其中添加图片、文字

如果图像尺寸较小(例如 40%)，则两者都垂直居中

但是如果图像大小是 btn 的 90%文本不是垂直居中的

谁能帮我创建一个带有文本和图像的按钮文本将垂直居中。

请检查demo

HTML:

<a href="#" class="btn">   
  <img class="" src="svg.svg" alt="">
  <span>Testing</span>
</a>

样式:

img {
  height: 90%;
}

Answer 1

在你的 plunker 中添加以下 css 行:

img{width:20px;height:20px;vertical-align:middle}
span{padding-left:7px;}