html - 中的文本未显示或移出按钮

Question

我在位于 block_head 类 div 中的两个按钮中的文本有一些问题。

在 Chrome 中，它们完全按照我的要求显示:

在 IE9 中，没有文本:

这是我的 CSS 代码:

.block .block_head button {
    margin: 13px;
    padding: 5px 15px;
    float: right;
    height: 30px;
    text-align: center;
}

我尝试使用 CSS 属性(垂直对齐、删除边距等)，我能想到的最好办法是删除填充线:

我感觉到一个愚蠢的错误或兼容性问题，因为我是网络编程的新手。

如有任何帮助，我们将不胜感激!

Answer 1

在没有看到您的代码的情况下，我只能想象正在应用一种设置行高的样式。您可以尝试将其添加到您的“.block .block_head 按钮”样式中吗？

line-height: 1em;
padding: 0px;