Question

我想在导航栏自动中的链接之间制作“分隔符”。

之前：Home Library Logout
之后：主页/图书馆/退出

我该怎么做？

Answer 1

试试这个。

并查看 CODEPEN

上的示例

HTML：

<div class="navbar navbar-default">
  <ul class="nav navbar-nav">
    <li><a href="#">HOME</a></li>
    <li><a href="#">ABOUT US</a></li>
    <li><a href="#">SERVICES</a></li>
    <li><a href="#">WORK</a></li>
    <li><a href="#">BUSINESS</a></li>
    <li><a href="#">CONTACT</a></li>
  </ul>

</div>

CSS：

div.navbar a {
  display: inline-block;
}

ul li:after {
  content: "/";
}

ul li:last-child:after {
  content: "";
}

我希望它可以帮到你

如何在导航栏中像分拣机一样制作分隔线？

1 个答案: