【问题标题】:Firefox button tag height/width not correctFirefox 按钮标签高度/宽度不正确
【发布时间】:2013-08-16 10:01:06
【问题描述】:

您好,当前代码在 Firefox 中不起作用:

<button style="border:solid 1px gray; width:50px; height:22px;line-height:22px; vertical-align:top;">Button too long</button>

jsfiddle example

正如您在 chrome 中看到的那样,文本被裁剪为按钮的宽度 并且在 Firefox 中它无论如何都会显示文本...

知道如何解决这个问题吗?谢谢。

【问题讨论】:

    标签: firefox button height width


    【解决方案1】:

    http://jsfiddle.net/djsbellini/sYJXn/

    在 CSS 中只需要这个:

    overflow: hidden;
    

    【讨论】:

    • 我正准备用完全相同的答案对此发表评论:) 但我想知道这是否是 firefox 的错误...谢谢您的回复
    • 可能这只是一个不同的默认值,而不是错误(但我同意溢出的按钮通常是不可取的)。 CSS normalize/reset 将有助于解决此类问题。
    猜你喜欢
    • 2015-04-07
    • 2013-02-21
    • 1970-01-01
    • 2013-05-23
    • 1970-01-01
    • 1970-01-01
    • 2021-10-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多