html - HTML 中的多行按钮

标签 html button internet-explorer-7 multiline

如果按钮元素的宽度不足以包含按钮文本,Firefox 和 Chrome 会给按钮更高的高度,IE(至少 v7)将被截断。如何让 IE 扩展高度以包含文本?理想情况下只使用 CSS。

我尝试明确给 IE7 指定一个高度,使按钮变大,但它仍然只显示一行被剪切的文本。

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

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

最佳答案

我没有安装 IE7,但在 IE6 中可以在按钮内添加 DIV:

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

Example in action.

关于html - HTML 中的多行按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3485195/

相关文章:

javascript - IE7 可以在另一个之上显示两个具有不同不透明度的 div 吗?

PHP/MYSQL - 从数据库信息检查用户身份

javascript - 在 iframe 中运行 js 函数,IE7

html - 如何在缩放的 SVG 中将屏幕坐标转换为文档空间?

android - flutter 执行方法只要按下按钮

java - 在Android Studio中按下按钮时播放音频/声音问题

button - 创建 float 按钮以在电子表格中的单元格中添加/减去值

jquery - 仅在 IE 7 中菜单抽屉猛然关闭

html - 节点模块 raml2html 返回空大括号

php - 将 URL 重定向到正确的用户页面