使列表跳過圖像

-2

the Story of Us，The Style，Journal，Locate Us，the Contact，這是所有將是WordPress的儀表板>菜單管理，因此這將是動態的。現在，如何使該菜單跳過圖像（L.tru logo）並繼續直到最後一個菜單項，所以圖像將保持在導航菜單的中心？

來源

2017-03-09 Dariel Pratama

爲什麼要投票？如果菜單是靜態的，這很容易。這就是我在這裏問的原因。 –

我認爲在這裏稍微清晰會有所幫助。你發佈的圖片是你希望你的標題最終看起來是正確的？你在問如何讓菜單項分散到圖像上來表現出來？ – afishintaiwan

是的，@afishintaiwan –

在不知道確切的代碼 - let's假設菜單的結構如下：

<ul class="menu"> 
<li>item</li> 
<li>item</li> 
<li>item</li> 
<li>item</li> 
</ul>

我們知道，標誌第二個菜單項後出現。因此，我們可以使用以下命令：

ul.menu li:nth-child(2) { margin-right: Xpx }

凡Xpx必須標識的適當寬度，再加上你想要的菜單項目和標誌之間有利潤。

但是，由於這可能會動態更改 - 您可能需要每次更改菜單時都更改此菜單，因爲菜單項長度會發生變化。

更好的做法是實際製作兩個WordPress菜單：一個位於徽標左側，右側。那麼你可以更確定的定位。

理論上可行的第三種更先進的方法是使用SASS和CSS計算更加動態地計算適當的邊界。

來源

2017-03-09 15:08:56

啊好主意，使用兩個菜單...謝謝@羅伯特 - 雅科布森，我會試試看。 –

使列表跳過圖像

回答

相關問題