Question

我知道之前已经问了几次，但是在这种情况下解决方案似乎没有。基本上，我希望“play”这个词在这个按钮上垂直和水平居中。水平地，文本表现自己，但是垂直，无论我尝试什么，它总是总是比它应该低一点，在我测试它的所有浏览器中。有没有人有什么建议？感谢

<style type="text/css">
button {
font-family: Verdana, Geneva, sans-serif;
color: white;
border-style: none;
vertical-align: center;
text-align: center;
}

button:hover {
cursor: pointer;
}

button::-moz-focus-inner /*Remove button padding in FF*/
{ 
border: 0;
padding: 0;
}


.start {
background-color: #0C0;
font-size: 2em;
padding: 10px;

}


</style>
<button type="button" class="start">play</button>

Answer 1

{。1}} .start可能就是你必须要玩的东西，虽然它的设置方式，它应该以它为中心，但你可以将其分解为padding之类的东西。

您也可以检查并设置.start下的padding: 8px 10px 10px 10px;，看看是否有帮助。

Answer 2

vertical-align的正确值为middle，而非center。但是我不确定这是否会产生影响，因为它可能只影响按钮本身相对于周围文本垂直对齐的位置。我非常确定按钮文本默认是垂直居中的，但是......

按钮上的中心文本

2 个答案: