Html 锚定标记内的垂直对齐文本不'；我不能在internet explorer中工作

我试着用“a”锚标签制作一个简单的帮助按钮。问题是它在Firefox、Chrome、OP和Safari上都能完美运行。现在，当我在Internet Explorer 10上尝试时，文本在中间没有正确对齐。以下是我迄今为止所做的工作：

HTML

---

这是一个样本。如果有任何帮助，我们将不胜感激。

请调整您的线路高度

试试这个：

#help-btn span { 
    color: #22002D;
    font: 10em "bauhaus 93";
    text-shadow: 0px 0px 5px #fff;
    line-height: 10em; // CHANGE YOUR LINE-HEIGHT SIZE 

}

---

如果问题没有解决，请尝试添加显示：块；为了您的#帮助btn span

发挥您的线条高度

试试这个：

#help-btn span { 
    color: #22002D;
    font: 10em "bauhaus 93";
    text-shadow: 0px 0px 5px #fff;
    line-height: 10em; // CHANGE YOUR LINE-HEIGHT SIZE 

}

---

如果问题没有解决，请尝试添加显示：块；要获得您的#帮助btn span

，您需要添加行高属性，并且该属性必须与div的高度匹配。在您的情况下：

试一试

---

您需要添加line height属性，该属性必须与div的高度匹配。在您的情况下：

试一试

---

因此，我终于在3个小时的深度挖掘后找到了解决方案，尽管听起来很愚蠢，但额外的空间是由字体“bauhaus 93”添加的。它在除IE之外的所有浏览器上都能正确呈现（这太令人震惊了）。所以我不得不把它换成另一种字体，现在它工作得很好。因此，如果有人面临同样的问题，请务必检查您使用的字体。

因此，经过3个小时的深入挖掘，我终于找到了解决方案，尽管听起来很愚蠢，但额外的空间是由字体“bauhaus 93”添加的。它在除IE之外的所有浏览器上都能正确呈现（这太令人震惊了）。所以我不得不把它换成另一种字体，现在它工作得很好。因此，如果有人遇到同样的问题，请务必检查您使用的字体。

现在您只需调整按钮的硬边大小，尝试使用：max width:10em；最大高度：10em，如果不工作，尝试最大宽度：10em！重要的；最大高度：10em！重要的；哦，如果问题解决了，请标记此帖子已解决；-）好的，以像素为单位固定按钮的大小，或者如果你想保持em大小，就将em的大小转换为像素！它不起作用，internet explorer只是在文本底部增加了额外的空间。。这真是奇怪的行为..嗯，iEx它真的是sh.t浏览器。并测试修复你的跨度大小在硬和添加溢出：隐藏！重要的；它仍然什么也没做。。我刚刚在跨度上加了一个边框。。它显示字符底部有额外的空间。现在你只需要在你的按钮的硬边上固定大小，试试：max width:10em；最大高度：10em，如果不工作，尝试最大宽度：10em！重要的；最大高度：10em！重要的；哦，如果问题解决了，请标记此帖子已解决；-）好的，以像素为单位固定按钮的大小，或者如果你想保持em大小，就将em的大小转换为像素！它不起作用，internet explorer只是在文本底部增加了额外的空间。。这真是奇怪的行为..嗯，iEx它真的是sh.t浏览器。并测试修复你的跨度大小在硬和添加溢出：隐藏！重要的；它仍然什么也没做。。我刚刚在跨度上加了一个边框。。这表明在字符的底部有额外的空间…不起作用。有点不同，但结果是一样的。。不对齐您可以添加上面的代码段并查看一下添加您的字体10em“bauhaus 93”让我们也不工作。有点不同，但结果是一样的。。不对齐你能添加上面的代码片段并看一看吗？试着添加你的字体10em“bauhaus 93”让我们看看

#help-btn span { 
    color: #22002D;
    font: 10em "bauhaus 93";
    text-shadow: 0px 0px 5px #fff;
    line-height: 10em; // CHANGE YOUR LINE-HEIGHT SIZE 

}

#help-btn span { 
    color: #22002D;
    font: 3em "bauhaus 93";
    text-shadow: 0px 0px 5px #fff;
    height: 3em;
    line-height: 3em;

}