如何在導航菜單中垂直居中漢堡圖標？

Question

我有一個自定義的導航菜單，我想包含網站的標誌和一個漢堡圖標，顯示在小屏幕上的導航錨，我使用媒體查詢，我想漢堡圖標垂直居中，這樣，當我拉伸瀏覽器窗口，它仍然是中心，因爲我在同一個媒體查詢。

下面是HTML：

<div class="navbar"> 
    <a href="#"><img class="navbar-brand" src="images/brand.png"/></a> 
</div> 
<label class="tog" for="toggle">&#9776;</label> 
<input type="checkbox" id="toggle"></input> 

標誌是左浮動。

漢堡圖標的CSS：

.tog { 
display:block; 
cursor:pointer; 
float:right; 
font-size:250%; 
max-width:100%; 
height:auto; 
} 

Answer 1

看來你已經做了正確的浮動與TOG類，所以它採取了一些空間，權利，因爲這是你的圖標左移。 如果可能，然後張貼您的問題的一個屏幕截圖。它會讓我們知道您在那裏面臨的確切問題。