使列表跳過圖像

Question

我有以下的設計

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

Answer 1

在不知道確切的代碼 - 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計算更加動態地計算適當的邊界。