[英]How to center the burger icon vertically in the navigation menu?
我有一个自定义导航菜单,我想包含网站徽标和一个汉堡图标,这些汉堡图标在小屏幕上显示导航锚点,我正在使用Media Queries,我希望汉堡图标在垂直方向居中,以便在拉伸时浏览器窗口仍然居中,因为我在同一媒体查询中。
这是html:
<div class="navbar">
<a href="#"><img class="navbar-brand" src="images/brand.png"/></a>
</div>
<label class="tog" for="toggle">☰</label>
<input type="checkbox" id="toggle"></input>
徽标保持浮动状态。
汉堡图标的CSS:
.tog {
display:block;
cursor:pointer;
float:right;
font-size:250%;
max-width:100%;
height:auto;
}
似乎您的tog类已经完成了向右浮动,因此它在右边占据了一些空间,因此您的图标向左移动。 如果可能,然后发布您问题的一张屏幕截图。 它会让我们知道您在那儿面临的确切问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.