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/