要给每个a标签(除了最后一个)后面添加分隔线| ,可以这样做:

方法一:在每个a后面加上span标签

方法二:使用伪类:


注意:最后一个伪类不想要可以这样:

&:last-child:after{display: none;}

一定要注意顺序,是&:last-child:after,不是&:after:last-child

last-child和after还有&通过:连接

对于高度相等的文字和分割线|,我们还可以使用border-right或者border-left实现:

比如我们要实现这样的效果:



添加分隔符|的几种方法相关推荐

  1. JS实现千位分隔符的两种方法

    分享JS实现千位分隔符的两种方法 自己最好在 VScode 进行练习,看不如动手来得深刻 方法一:普通方法 <script>function numFormat(num) {var tmp ...

  2. python文字教程-Python在图片中添加文字的两种方法

    本文主要介绍的是利用Python在图片中添加文字的两种方法,下面分享处理供大家参考学习,下来要看看吧 一.使用OpenCV 在图片中添加文字看上去很简单,但是如果是利用OpenCV来做却很麻烦.Ope ...

  3. vue动态设置文字布局方式_详解Vue动态添加模板的几种方法

    动态添加模板需要收集原始数据的页面,这个时候我们需要很多原始数据收集模板,下面给大家详解Vue 动态添加模板的几种方法,希望对你学习这方面知识有所帮助. 通常我们会在组件里的 template 属性定 ...

  4. java在文件的后面添加_java 在file的尾部添加数据的两种方法总结

    java 在file的尾部添加数据的两种方法总结 问题描述: 在文件的末尾追加内容 方法1:利用RandomAccessFile类 1.将randomAccessFile模式设置为rw 2将rando ...

  5. html语言音乐添加路径,HTML5简单实现添加背景音乐的几种方法

    这里推荐两种方法,就是两个标签 或者 常用 +css布局 隐藏播放器 做网站比较实用! html5添加音乐 说明: 1.src毫无疑问写路径. 2.使用hidden="true"表 ...

  6. mysql添加临时索引_mysql 中添加索引的三种方法

    在mysql中有多种索引,有普通索引,全文索引,唯一索引,多列索引,小伙伴们可以通过不同的应用场景来进行索引的新建,在此列出三种新建索引的方法 mysql 中添加索引的三种方法 1.1 新建表中添加索 ...

  7. html+input改变图标,JS Input里添加小图标的两种方法

    我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 将小图标当做input的背景来插入,直接上代码吧: Box{ height: 50px; backgroun ...

  8. python怎么在图片上写字_Python在图片中添加文字的两种方法

    本文主要介绍的是利用Python在图片中添加文字的两种方法,下面分享处理供大家参考学习,下来要看看吧 一.使用OpenCV 在图片中添加文字看上去很简单,但是如果是利用OpenCV来做却很麻烦.Ope ...

  9. python如何在图片上添加文字_Python在图片中添加文字的两种方法

    本文主要介绍的是利用Python在图片中添加文字的两种方法,下面分享处理供大家参考学习,下来要看看吧 一.使用OpenCV 在图片中添加文字看上去很简单,但是如果是利用OpenCV来做却很麻烦.Ope ...

  10. 怎样在python的turtle中输入文字_Python在图片中添加文字的两种方法

    本文主要介绍的是利用Python在图片中添加文字的两种方法,下面分享处理供大家参考学习,下来要看看吧 一.使用OpenCV 在图片中添加文字看上去很简单,但是如果是利用OpenCV来做却很麻烦.Ope ...

最新文章

  1. JAVA的OPENGL,JOGL入门实例----不断变色的点阵 (源代码)
  2. Simple TCP Server Client Socket C
  3. P2498 [SDOI2012]拯救小云公主
  4. 谁说菜鸟不会数据分析--读书笔记
  5. Spring精华问答 | Spring 能帮我们做什么?
  6. android 自定义View 的详细介绍
  7. 使用DistroTweaks复制您的自定义Linux设置
  8. java 蓝桥杯算法训练 4-1打印下述图形(题解)
  9. Java protected 关键字详解
  10. 修改解锁【暴力破解】《植物大战僵尸Zombie》所有模式、关卡、金钱教程。
  11. SQL Server添加字段注释表注释comments,Oracle与Sql Server添加注释语法区别
  12. 各浏览器flash插件下载地址
  13. 抓包|获取移动app里的数据,什么是抓包?
  14. 7.1—查找—Sear for a Range
  15. Selenium详解—— 自动化测试工具
  16. 【转】区块链是什么,如何简单易懂地介绍区块链?
  17. linux系统进程有哪几种主要状态,Linux 进程状态详解
  18. 强大的python中如何画出美观的散点图
  19. Part2:CSmartPtr
  20. Applet【总结】

热门文章

  1. 正版Windows7 OEM初级版升级到各版本(Lenovo/ThinkPad/ThinkCentre品牌)的密钥
  2. 腾讯云服务器安全组8080端口开放教程
  3. 公众号文章怎么批量下载导出?
  4. 皮皮虾无水印解析源码实战
  5. 内蒙古煤炭经济杂志社内蒙古煤炭经济编辑部2022年第14期目录
  6. mysql数据库有dbo吗_拒绝了对对象 '表名' (数据库 '数据库名',架构 'dbo')的 SELECT 权限...
  7. 实验报告 三密码破解技术
  8. 找回foxmail下的邮箱密码
  9. 35岁的程序员真的到头了么?国外的大龄程序员在干什么?
  10. 微信小程序7-云存储