css - 如何跨浏览器垂直对齐文本

Question

请注意，我已经浏览了有关此主题的现有链接，但似乎没有一个对我的情况有帮助。

所有人都提出了一种如何垂直移动文本以使其看起来对齐的方法。在我的案例中，问题是它已经在 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/