如何使导航元素在css中的每个nav元素之后具有水平线

网络

我正在寻找具有如下外观的导航元素:

nav | nav | nav | nav

但是我不确定如何以适当的间距将水平线固定在适当的位置上,而我目前所拥有的是:

#brusters-footer-nav {
  text-align: center;

  ul {
    list-style: none;

    li {
      display: inline-block;
    }
  }
}

按照我想要的方式进行导航的下一步是什么?

jmore009

border向您的li标签添加

#brusters-footer-nav {
  text-align: center;
}

  ul {
    list-style: none;
  }

    li {
      display: inline-block;
      border-right: 1px solid black;
      padding: 0 5px; 
    }

    li:last-child{
        border-right: none;
    }

小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在导航抽屉中的某些元素之间添加水平线

来自分类Dev

在链接元素之前和之后添加水平线

来自分类Dev

如何在 HTML 画布中制作两个连接的开放弧(没有水平线)?

来自分类Dev

如何使水平线跨越溢出的整个宽度:滚动元素?

来自分类Dev

具有水平对齐的WKInterface元素填充视图

来自分类Dev

从 <svg> 元素中删除“神秘”水平线?

来自分类Dev

CSS中的水平线

来自分类Dev

在元素之间添加水平线

来自分类Dev

在元素之间添加水平线

来自分类Dev

matplotlib中具有LineCollection的水平线?

来自分类Dev

如何在列表框中的每个项目之后放置一条水平线

来自分类Dev

如何在每个第三个li元素上添加一条水平线?

来自分类Dev

将每个数字数组元素绘制为一条水平线

来自分类Dev

状态图中没有水平线且没有图例边框的Stata图

来自分类Dev

状态图中没有水平线且没有图例边框的Stata图

来自分类Dev

如何删除表格中的水平线?

来自分类Dev

带有水平线的笔记本电脑屏幕逐渐出现

来自分类Dev

带有水平线和垂直线的html页面设计

来自分类Dev

为什么水平形式没有水平显示元素?

来自分类Dev

在phpWord中的水平线之后删除空间

来自分类Dev

在基本HTML中,正确的水平线元素<hr> </ hr>或<hr />

来自分类Dev

如何使图像和 div 从有序列表 CSS 中的同一条水平线开始?

来自分类Dev

如何在具有scrollspy的导航系统中的CSS中保持元素处于活动状态?

来自分类Dev

如何在CSS中的每个第n个元素之后选择一组元素?

来自分类Dev

具有日期轴的绘图上的水平线

来自分类Dev

如何使用ggplot2 [在R中]从数据帧中绘制带有水平误差线的多条线?

来自分类Dev

为什么元素没有水平排列

来自分类Dev

具有动态徽标/元素高度的水平导航中的儿童高度为100%

来自分类Dev

椭圆中的水平线

Related 相关文章

  1. 1

    如何在导航抽屉中的某些元素之间添加水平线

  2. 2

    在链接元素之前和之后添加水平线

  3. 3

    如何在 HTML 画布中制作两个连接的开放弧(没有水平线)?

  4. 4

    如何使水平线跨越溢出的整个宽度:滚动元素?

  5. 5

    具有水平对齐的WKInterface元素填充视图

  6. 6

    从 <svg> 元素中删除“神秘”水平线?

  7. 7

    CSS中的水平线

  8. 8

    在元素之间添加水平线

  9. 9

    在元素之间添加水平线

  10. 10

    matplotlib中具有LineCollection的水平线?

  11. 11

    如何在列表框中的每个项目之后放置一条水平线

  12. 12

    如何在每个第三个li元素上添加一条水平线?

  13. 13

    将每个数字数组元素绘制为一条水平线

  14. 14

    状态图中没有水平线且没有图例边框的Stata图

  15. 15

    状态图中没有水平线且没有图例边框的Stata图

  16. 16

    如何删除表格中的水平线?

  17. 17

    带有水平线的笔记本电脑屏幕逐渐出现

  18. 18

    带有水平线和垂直线的html页面设计

  19. 19

    为什么水平形式没有水平显示元素?

  20. 20

    在phpWord中的水平线之后删除空间

  21. 21

    在基本HTML中,正确的水平线元素<hr> </ hr>或<hr />

  22. 22

    如何使图像和 div 从有序列表 CSS 中的同一条水平线开始?

  23. 23

    如何在具有scrollspy的导航系统中的CSS中保持元素处于活动状态?

  24. 24

    如何在CSS中的每个第n个元素之后选择一组元素?

  25. 25

    具有日期轴的绘图上的水平线

  26. 26

    如何使用ggplot2 [在R中]从数据帧中绘制带有水平误差线的多条线?

  27. 27

    为什么元素没有水平排列

  28. 28

    具有动态徽标/元素高度的水平导航中的儿童高度为100%

  29. 29

    椭圆中的水平线

热门标签

归档