内容垂直对齐之前的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设置为等于元素的高度。