下拉菜單寬度對齊

Question

我剛纔發佈我的問題之前，爲Here相同的主題。我得到了西蒙先生的正確答覆，感謝他。我發現了另外一個問題，下拉菜單的寬度非常小，並且它不在一行中，請Click Here瞭解詳細信息。我希望文本排成一行......

另外，他說使用下面的代碼刪除菜單欄中的最後一個分隔符。我不知道該把這個放在哪裏。你能幫助我..謝謝..

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

Answer 1

嘗試增加給你的CSS：

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

對於第二個問題（NAV項目的寬度）：

取下固定的寬度（和我會改變text-align: center到text-align: left）以下CSS聲明：

.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 */ 
}