CSS 按钮 - 文本垂直居中

Question

我有一个按钮，它是一个简单的 anchor 标记，样式如下 -

.buyBtn{ 
   background:url(../images/buyBtn.png) no-repeat; 
   padding-top:4px; 
   width:97px;     
   height:28px; 
   margin-top:14px;
}
.buyBtn a{
   color:#fff!important; 
   font-weight:normal!important; 
   text-decoration:none;
   padding-left:27px;  
   padding-top:12px; 
   text-shadow:none!important;
}

我在按钮内垂直居中文本时遇到问题，它在某些设备上看起来很好，但在其他设备上却偏离了中心。

任何人都可以推荐一种解决此问题的方法或更好的解决方案来实现相同的结果吗？

干杯

Answer 1

使用 line-height 使其垂直居中。我通常使用与它的高度相同的值。