Многострочные кнопки в HTML - PullRequest
       28

Многострочные кнопки в HTML

2 голосов
/ 15 августа 2010

Если ширина элемента кнопки недостаточно велика, чтобы вместить текст кнопки Firefox и Chrome придают кнопке большую высоту, IE (по крайней мере v7) просто обрежется. Как я могу сделать так, чтобы IE увеличивал высоту, чтобы содержать текст? В идеале просто с помощью CSS.

Я пытался явно задать IE7 высоту, которая увеличивает размер кнопки, но она все равно отображает только одну строку обрезанного текста.

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

В реальной версии я использую элемент управления ButtonGroup YUI, поэтому не могу использовать <input> элементы.

Ответы [ 2 ]

7 голосов
/ 15 августа 2010

У меня не установлен IE7, но добавление DIV внутри кнопки работает в IE6:

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

Пример в действии.

0 голосов
/ 15 августа 2010
...