内容垂直对齐之前的CSS

Question

我需要帮助。 我在网上搜索答案，但我找到的答案没有用。

我正在尝试在“a：before”上方的框中显示a的内容，然后显示与a中相同的文本，并且我已经用

完成了

content:attr(title);

但它不会垂直对齐。 我试过

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

http://jsfiddle.net/CvZkX/

它不起作用。 有谁知道它是如何完成的？

最诚挚的问候 垫

Answer 1

对于单行文本，最简单的解决方案是使用line-height。

http://jsfiddle.net/thirtydot/CvZkX/1/

header nav a:before {
    line-height: 2.3em;
}

我选择了2.3em，因为您有.5em + .5em + 1.7em（padding-top + padding-bottom + font-size），我们试图将line-height设置为等于元素的高度。