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

请根据按钮的高度使用行高。我希望它能起作用