如何填充跨度中的文本，但不填充背景图像

Question

我的情况是我有一个带有文本的按钮背景图像的SPAN。然而，文本在按钮的顶部，而我希望它垂直居中。我尝试用填充调整它，但随后背景图像移动...

html代码：

<span class="button" style="BACKGROUND-IMAGE: url('images/button.gif'); HEIGHT: 50px; PADDING: 15px 10px 0px 0px; WIDTH: 50px">button text</span>

先谢谢，我觉得我忽视了一些简单的事情......

Answer 1

将此添加到您的CSS：

line-height: 50px;
display: inline-block;
padding: 0 10px;

您可能需要调整填充，但将线条高度设置为按钮本身的高度会使其内容垂直居中。