css - 如何将文本与背景图像居中

Question

我真的很想做这样的事情......当我在左边有带有图标的文本时:

我尝试(未成功)按照以下方式做一些事情:

    <a href="#" class="icon">Text centered vertically in relation 
to the background image</a>

CSS

a.icon {
background: url(image.png) 0 50%;
margin-top: -5%;
min-height: the-height-of-my-image-plus-the-negative-margin;
}

Answer 1

将 line-height 设置为与 a 标签的 height 相同。像这样:

a.icon {
background: url(image.png) 0 50%;
margin-top: -5%;
height:40px;
line-height:40px;
text-align:center;
}