-1

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

在此处输入图像描述

在此处输入图像描述

4

3 回答 3

1

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

您可以使用速记声明来创建此效果可能会有所帮助: padding: 10px 20px;将顶部和底部设置为 10 像素,将左侧和右侧设置为 20 像素。

于 2012-05-17T03:28:58.027 回答
1

我认为这是填充设置。看到绿色区域了吗?那些是填充物。您当前的填充是

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

这就是为什么文本不在中心显示的原因;您可以尝试将填充设置为

 padding: 12px;

我试过了,它适用于 Chrome 和 Firefox

于 2012-05-17T03:41:01.313 回答
0

您应该显示整个 CSS,但您是否尝试设置text-align: center;line-height: 46px按钮?

于 2012-05-17T03:19:16.130 回答