我有一个自定义导航菜单,我想包含网站徽标和一个汉堡图标,这些汉堡图标在小屏幕上显示导航锚点,我正在使用媒体查询,我希望汉堡图标垂直居中,以便在拉伸时浏览器窗口仍然居中,因为我在同一媒体查询中。

这是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;
}

最佳答案

似乎您的tog类已经完成了向右浮动,因此它在右侧占据了一些空间,因此您的图标向左移动。
如果可能,然后发布您的问题的一张屏幕截图。它会让我们知道您在那儿面临的确切问题。

关于html - 如何在导航菜单中将汉堡图标垂直居中?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46635481/

10-12 12:59
查看更多