垂直對齊錨有：

後，我有一個簡單的錨如下：垂直對齊錨有：

<a href="#">News</a>

我想，所以我用正確的添加「+」符號「：後」。

但我需要的「+」號，以更大然後是錨文本。

問題是在這種情況下，文本和「+」號不是垂直對齊的。

UPDATE

如戴爾使用的line-height提到的解決了這個問題，但是：

爲什麼？不應該沒有單位指定行高？

謝謝你，米格爾

CSS行高度將是這裏的問題。給錨點一個大約20px的行高以使其與文本對齊。

a{line-height:20px;}

2013-09-26 10:53:19 Dale

這給出了錨和：+後+相同的行高，所以他們將對齊。 – Dale

我試過在rem中使用字體大小和行高，它的工作原理......但是當我在rem和line-height中使用字體大小時，沒有單位，所以line-height：1.5它不起作用。任何想法爲什麼發生這種情況看例子：http://codepen.io/mdmoura/pen/IDakn –

@Shapper你給不同的字體大小的原始元素和僞元素。如果你給出沒有單位的行高，那麼行高就是他們的字體大小。因此，你看不到任何改變。這就是爲什麼給行高設置一個像「px」這樣的單位，這樣兩個元素的行高就會與它們的字體大小無關。我希望你能理解我的解釋。 –

這可能是欺騙，但你可以使用line-height您:after調整垂直對齊：

&:after {  
    line-height:0.5em;  
    }

2013-09-26 10:53:07 Bigood

回答