IE上的文本基線不同

Question

我有以下CSS來控制三個a標籤，它們應該有垂直居中的文本，但它們出現在按鈕的頂部。看到結果更容易。

CSS代碼：

color: #fffae6; 
border: 1px solid #fff; 
outline: 4px solid #242424; 
-moz-transition: background 500ms ease-in-out; 
-ms-transition: background 500ms ease-in-out; 
-o-transition: background 500ms ease-in-out; 
transition: background 500ms ease-in-out; 
padding: 5px 0; 
-webkit-transition: background 500ms ease-in-out; 
background: #242424; 
font-size: 1.7em; 
display: block; 
margin: 0 15px; 

在Chrome：

在IE中：

任何想法？

Answer 1

你必須同時使用height和line-height屬性才能在IE中實現相同的效果。

檢查DEMO。

Answer 2

請根據您的按鈕高度使用行高。我希望它會起作用