HTML中的多行按钮

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 Only按钮– Redux

http://www.binarymoon.co.uk/2010/06/css-button-redux/