如何垂直对齐跨浏览器的文本(How to vertically align text across

请注意，我已经通过关于这一主题，没有现有的联系似乎在我的情况，以帮助。

所有的建议，使其出现对齐如何垂直移动文本的方式。 在我的情况的问题是，它是在Chrome已经对准的，所以当我试图对准用于Firefox的文本，然后它在产生位置偏移Chrome浏览器中的文本。

请打开在Firefox（V12）和Chrome（V19）下面的链接。

http://jsfiddle.net/UQ4D5/

你会发现，它被转移向Firefox中的顶部，但在Chrome中完全一致。

Answer 1:

在你的CSS两个属性

 display: table-cell;
    vertical-align: middle;

检查现场演示http://jsfiddle.net/UQ4D5/5/

Answer 2:

了解如何使用reset.css或normalize.css为防止在浏览器中呈现的模型小的差异。

然后用高度=行高技巧：

div {
    font-size: 100px;
    text-align: center;
    height: 120px;
    line-height: 120px;
    border: 1px solid black;
}

镀铬的指标：

Firefox的指标：

身高是在两种情况下是相同的。

Answer 3:

这个问题是基于浏览器的默认样式表。 我建议你使用正确的重置样式表 ，甚至normalize.css

文章来源: How to vertically align text across browsers