大家好,我正在使用基础框架来构建固定导航
我的html如下
<div class="fixed">
<div class="contain-to-grid">
<nav class="top-bar">
<ul class="title-area">
<li class="name hide-for-medium-up"><h1><a href="#">topbar</a></h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<div class="top-bar-section">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">services</a></li>
</ul>
</div>
</nav>
</div>
</div>
我的问题是:-我需要删除大型设备的标题区域,并且需要将顶部栏部分水平居中我通过添加 hide-for-medium-up 类删除了 h1 标签,但我无法将点击栏部分居中. 通过将 left 或 right 类应用于 top-bar-sections 的 ul 标签,可以将此部分左对齐或右对齐。但是我没有找到一种方法来将它居中,我使用以下 sass 规则。但它没有工作
.top-bar-section {
text-align: center;
margin: 0 auto;
ul {
li {
a {
font-size: emCalc(14px);
font-weight: 400;
}
}
}
}