Question

如果按钮元素的宽度不足以包含按钮文本Firefox和Chrome为按钮提供更高的高度，IE（至少v7）将会切断。如何让IE扩展高度以包含文本？理想情况下只使用CSS。

我已经尝试过明确地给IE7一个高度，使按钮变大但它仍然只显示一行截断文本。

<button style="width:40px;">Some really long text that is more than 20px</button>

在真实版本中，我使用的是ButtonGroup YUI控件，因此无法使用<input> 元件。

Answer 1

我没有安装IE7，但在IE6中按钮内添加DIV：

<button style="width:40px;"><div style="height: 100%">Some really long text that is more than 20px</div></button>

Answer 2

仅限CSS按钮 - Redux