수직 스플라인 메뉴 막대 텍스트가 세로로 가운데에 맞춰지지 않습니다.

Question

오래 전부터이 문제를 극복 했었지만 이전에 내가 한 일을 기억하지 못하는 것 같습니다. 세로 spry 메뉴 모음의 단추 텍스트는 텍스트 맞춤으로 가로로 정렬 할 수 있지만 세로 정렬을 시도하고 세로 정렬을 사용하지 않았습니다. 나는 처음에 정의 할 필요가있는 속성이 있는지 또는 내가 바보가되어 완전히 그것을 놓치고 있는지 궁금합니다. www.eauclairetowing.com에 대한 업데이트로, 현재 거기에있는 것과 다른 수직적 인 메뉴 모음을 사용합니다.

답변을 참조하십시오. 나는 현재 일하고 있지만 점심 시간에 그들을 시도 할 것입니다. 이 사이트는 나의 새로운 발견 사랑이 될 것입니다 : D

현재 사이트에서 수행 한 것처럼

Answer 1

사용 패딩 - 가기 : 메뉴 항목은 단일 라인 전용 (줄 바꿈에

ul.MenuBarHorizontal a { 
    padding-top:0.5em 
} 

Answer 2

경우), 메뉴 항목의 높이와 동일한 선 높이를 지정하십시오.

예 :이 메뉴 항목 당 두 개 이상의 라인이있는 경우

.menu li a { 
    height: 100px; 
    line-height: 100px; 
} 

는, 그것을 테이블 셀의 표시를주고 그것을 수직 정렬 제공 :

.menu li a { 
    display: table-cell; 
    vertical-align: middle; 
}