如何垂直居中对齐按钮内的文字？

我认为line-height会垂直居中对齐文本。但是这不是我的按钮。为什么？如何垂直居中对齐按钮内的文字？

该文本在FF，Opera和Safari中对齐。

<button class="get_discount_rate">Button</button>

button { 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    color: #444; 
    min-width: 90px; 
    height: 24px; 
    line-height: 24px; 
    margin: 5px 10px; 
    background-color: #fdfdfd; 
    border: 1px solid #cdcdcd; 
    cursor: pointer; 
    border-radius: 3px; 
}

来源

2012-07-21 Steven

行高：汽车; – jm666 2012-07-21 22:37:07

或更好，然后，只需从css规则中删除行高属性 – asprin 2012-07-21 23:15:27

是的，谢赫Heera只是证明了它:) – Steven 2012-07-21 23:15:59

垂直

中心对齐内部button（在Chrome测试，FF，Safari浏览器，Opera和IE8）文本

button { 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    color: #444; 
    min-width: 90px; 
    padding:5px; 
    margin: 5px 10px; 
    background-color: #fdfdfd; 
    border: 1px solid #cdcdcd; 
    cursor: pointer; 
    border-radius: 3px; 
}

DEMO.

来源

2012-07-21 23:09:30

简单，因为:) – Steven 2012-07-21 23:15:23

我认为是这样的：:-) – 2012-07-21 23:16:13

如何垂直居中对齐按钮内的文字？

回答

相关问题