드롭 다운 메뉴 너비 정렬

Question

Here 인 동일한 주제에 대해 이전에 내 질문을 게시했습니다. 나는 Simon 씨에게 정답을 얻었다. 덕분에. 한 가지 더 많은 문제를 발견했습니다. 드롭 다운 메뉴의 너비가 매우 작고 한 줄에 나오지 않는 것이 Click Here입니다. 텍스트가 한 줄로 오길 원합니다 ...

또한 아래의 코드를 사용하여 메뉴의 마지막 스플리터를 제거했습니다. 나는 이것을 어디에 둘 것인지 모른다.

.mega-menu a { white-space: nowrap; } 

초 문제의 경우 (탐색 항목의 폭) :

는 고정 폭을 제거 (당신은 당신의 CSS이 추가

$('.green ul.mega-menu li:last-child a').css('background','none'); 

Answer 1

시도가 .. 감사합니다 .. 저를 도와 드릴 수 있습니다 나는 다음과 같은 CSS 선언에 text-align: center) text-align: left에 변경합니다 :

.green ul.mega-menu li a { 
    background: url("images/bg_green.png") repeat-x scroll 100% 0 transparent; 
    color: #000000; 
    display: block; 
    float: left; 
    padding: 12px 38px 12px 25px; 
    text-align: center; /* <--- Change this to text-align: left; */ 
    text-decoration: none; 
    text-shadow: 1px 1px 1px #FFFFFF; 
    width: 102px; /* <--- Remove this */ 
}