如何在导航菜单中垂直居中汉堡图标？

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类，所以它采取了一些空间，权利，因为这是你的图标左移。 如果可能，然后张贴您的问题的一个屏幕截图。它会让我们知道您在那里面临的确切问题。