<按钮>中的文字未显示或移出按钮</button>

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;

Answer 2

试试这个：

.block {
    float: right;
}

.block .block_head button {
    margin-right: 13px;
    padding: 2px 15px;
    // float: right; (button is an inline element)
    // height: 30px; (auto height)
    // text-align: center; (no fixed width, the text will always be in the center)
}