将按钮文本垂直对齐到居中/中间

Question

嘿，我想在按钮的中心显示按钮的文本。那么，我可以更改属性以使其显示在中心吗？现在它位于我按钮的顶部边框。

我尝试使用padding-top属性，但是当使用Firefox，IE等不同的浏览器时，它看起来不同。

是否有在按钮中心显示文本的通用解决方案？

感谢您的任何提示！

Answer 1

由于您尚未共享代码30px因此我假设您的按钮高度。在按钮中使用此 css。

button{
   height:30px;
   line-height:30px;
}

并删除填充（如果有）。

这将居中对齐您的文本。

编辑：有时文本与中心底部对齐，您也可以使用它

button{
   height:30px;
   display: inline-flex;
   align-items: center;
}

谢谢