html - 内容垂直对齐之前的 CSS

Question

我需要帮助。我在网上搜索了答案，但我找到的答案不起作用。

我试图在a“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-heightequal 设置为元素的高度。