使用基础菜单 ( http://foundation.zurb.com/sites/docs/menu.html ) 我遇到了一个问题,即向 li 标签添加链接意味着菜单不再是水平的,而是垂直的。谁能指出我正确的方向。
<div class="row">
<div class="small-12 columns">
<ul class="menu">
<li class="li1"><a href="#">Home</a></li>
<li class="li2"><a href="#">About</a></li>
<a href="#"><li class="li3">Products</li></a>
<a href="#"><li class="li4">Services</li></a>
<a href="#"><li class="li5">Contact</li></a>
</ul>
</div>
</div>
最佳答案
li {
display: inline;
}
或
.specific-li-class{
display: inline;
}
为了完整性,如 Jan P 所述, a
标签在正确位置的代码
<div class="row">
<div class="small-12 columns">
<ul class="menu">
<li class="li1"><a href="#">Home</a></li>
<li class="li2"><a href="#">About</a></li>
<li class="li3"><a href="#">Products</a></li>
<li class="li4"><a href="#">Services</a></li>
<li class="li5"><a href="#">Contact</a></li>
</ul>
</div>
</div>
关于css - 我的 ul 菜单,链接附加到 li 标签,不会水平堆叠,而是垂直堆叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35888580/