我认为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;
}
答案 0 :(得分:3)
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;
}