我认为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;
}
最佳答案
按钮内的文本垂直居中对齐(在 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;
}
关于css - 如何垂直居中对齐按钮内的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11596341/