html - 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;

在铬：

在 IE 中：

有任何想法吗？

Answer 1

您必须同时使用height和line-height属性才能在 IE 中实现相同的效果。

检查演示。

Answer 2

请根据您的按钮高度使用行高。我希望它会工作