你可以更改jquery mega菜單中菜單的左右填充，還有子菜單嗎？

我是using jquery mega menu plugin，我想在頂部菜單欄上的每個菜單上將右側和左側的填充縮小一點。你可以更改jquery mega菜單中菜單的左右填充，還有子菜單嗎？

我可以進入CSS和改變填充（我用的是黑皮膚）：

.black ul.mega-menu li a {float: left; display: block; color: #fff; 
padding: 12px 38px 12px 25px; background: url(images/bg_black.png) 
    repeat-x 100% 0; text-shadow: 1px 1px 1px #000; text-decoration: none;}

這個

.black ul.mega-menu li a {float: left; display: block; color: #fff; 
padding: 12px 28px 12px 15px; background: url(images/bg_black.png) 
repeat-x 100% 0; text-shadow: 1px 1px 1px #000; text-decoration: none;}

注：我只是改變了填充上面12px的28px 12px 15px;

但這裏的問題是，下拉菜單現在不再正確排列在菜單下。

是否有改變菜單按鈕的填充並仍然保持子菜單項正確排列。

來源

2012-02-22 leora

您確定它不起作用嗎？您正在測試哪個瀏覽器。我嘗試用chrome中的開發人員工具更改這些值，並且我遇到了您似乎遇到的問題，但是我從網站上下載了插件/ css，並且正在測試它們提供的基本示例頁面，只要我更改在實際的CSS中的值，你說什麼，它工作正常..當通過開發工具更改值雖然它不起作用（我的猜測是對齊值計算@文檔準備好，並不是每次點擊。 – 2012-02-25 01:36:59

@Matt沃爾夫 - 我認爲你是對的......我剛剛在頁面加載後在螢火蟲中測試過 – leora 2012-02-25 03:29:03

更改填充不應改變它實際排列的方式 - 插件會根據其總寬度和父項的位置計算子菜單的位置。這些是您看到應用於容器的內聯樣式。如果可以的話，它會一直嘗試將它居中，如果這不可行，那麼它會左對齊子菜單。

下鏈路示出了具有填充減少在您的示例菜單的一個示例：

http://www.designchemical.com/lab/jquery-plugins/jquery-mega-drop-down-menu/menu3.html

在這種情況下，由於菜單的寬度只有「服務」選項卡的中心。其餘的在左邊對齊。你在例子中看到不同的行爲嗎？

來源

2012-02-25 01:47:16 Lee

在這種情況下，子菜單位置設置爲內聯。

因此，如果您按照上面所述更改padding，那麼您需要調整內聯樣式中的margin-left位。

對於服務選項卡，更改類似margin-left從

<div class="sub-container mega" style="left: 429px; margin-left: -40px; top: 40px; z-index: 1000; ">

到

<div class="sub-container mega" style="left: 429px; margin-left: -115px; top: 40px; z-index: 1000; ">

什麼的。然後根據需要爲每個選項卡執行此操作。

注意：＃並不總是相同的。你將需要擺弄它。它可能大於或小於-115px

來源

2012-02-25 01:29:50

你可以更改jquery mega菜單中菜單的左右填充，還有子菜單嗎？

回答

相關問題