Trung tâm căn chỉnh theo chiều dọc CSS trong vòng tròn

Question

Tôi đang cố gắng đặt văn bản trung tâm theo chiều dọc trong neo. Tôi đã sử dụng chiều cao dòng và nó hoạt động, nhưng khi văn bản kết thúc tốt đẹp, văn bản trong dòng thứ hai nhận được chiều cao dòng ... Làm thế nào tôi có thể căn giữa văn bản trong neo mà không bị lỗi như vậy?

http://jsfiddle.net/y2UYX/1/ - Nhấp vào vòng tròn để hiển thị các vòng kết nối khác và bạn sẽ thấy ý tôi.

Tôi muốn hỗ trợ nhiều nhất có thể cho các trình duyệt. nếu bạn thêm các thuộc tính bổ sung để hỗ trợ nhiều trình duyệt hơn, vui lòng nói dòng nào dành cho trình duyệt nào bằng cách thêm nhận xét.

Cảm ơn bạn rất nhiều!

Answer 1

Bạn có thể sử dụng màn hình : bảng thuộc tính cho việc này. viết như thế này:

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

Kiểm tra này http://jsfiddle.net/y2UYX/6/

Answer 2

Bạn có thể sử dụng phong cách yếu tố cho rằng

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