सर्कल में सीएसएस लंबवत संरेखण केंद्र

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;}