CSS垂直對齊圓圈中心

Question

我正在嘗試垂直居中文本。我使用行高和它的工作原理，但是當文本換行時，第二行中的文本將獲得行高...如何將文本居中在錨點而不會像這樣失敗？

http://jsfiddle.net/y2UYX/1/ - 點擊圓圈以顯示其他圈子，你會看到我的意思。

我想盡可能多地支持瀏覽器。如果添加額外的屬性來支持更多的瀏覽器，請通過添加評論來說明哪個瀏覽器適用於哪個瀏覽器。

非常感謝！

Answer 1

您可以使用顯示：表屬性爲此。像這樣寫：

.SubMenu li { 
    margin:50px; 
    background:red; 
    border-radius:50px; 
    height:100px; 
    width:100px; 
    display:table; 
} 

.SubMenu a { 
    height:100px; 
    width:100px; 
    display:table-cell; 
    text-align: center; 
    vertical-align: middle; 
} 

入住這http://jsfiddle.net/y2UYX/6/

Answer 2

可以使用的元素風格爲

element.style { 
line-height: 13px; 
padding-top: 37px; 
height: 60px;}