以跨浏览器问题为中心的文本

Question

我没有看到控制文本在不同计算机上的偏移量，如下所示。一个正确地位于蓝色区域内，另一个似乎以某种方式偏移。它发生在文本字段和按钮中。实时网站：http://www.muuzik.me:8000

Answer 1

关键是调整该元素周围的填充。目前，顶部有18px的填充，底部有4px的填充。这不平衡，因此文本不会垂直居中。要使其水平居中，请确保左右填充相同;要使其垂直居中，请确保顶部和底部填充相同。

它可能有助于您可以使用速记声明来创建此效果： padding: 10px 20px;将设置顶部＆amp;底部到10px和左边＆amp;权利到20px。

Answer 2

我认为这是填充设置。看绿色区域？这些是填充物。你当前的填充是

 padding-top:14px; 
 padding-right:18px 
 padding-bottoem:4px;
 padding-left:18px;

这就是为什么文本没有出现在中心; 您可以尝试将填充设置为

 padding: 12px;

我试过这个，它适用于Chrome和Firefox

Answer 3

您应该展示整个CSS，但是您是否尝试将text-align: center;和line-height: 46px设置为按钮？