关于怎么改变border-bottom 的长度解决方法

想做一个这个效果,有很多类目切换时候添加cur样式

解决:运用:after来解决

:after 选择器在被选元素的内容后面插入内容。

.item.cur{

position: relative;//给当前元素添加相对定位,也就是after的父级

&:after {

content: " ";

width: 0.5rem;

height: 0.12rem;

background: red;

position: absolute;

bottom: -0.1rem;

left: 50%;

transform: translateX(-50%);//居中处理

}

关于怎么改变border-bottom 的长度解决方法相关推荐

【sql server】已更新或删除的行值要么不能使该行成为唯一行,要么改变了多个行解决方法总结
#事故现场: 1.在手动修改某表中数据是,出现如下错误提示: 已更新或删除的行值要么不能使该行成为唯一行,要么改变了多个行 2.表结构及数据: #解决方法: 1.原因分析:提示被删除的行不是唯一行, ...
CSS hover改变原生时出现抖动解决方法
有时我们会通过hover改变元素展示状态或高宽度但这样可能会引发页面抖动的奇葩事首先分析原因 : 其实这是谷歌浏览器的BUG 当你改变内容时浏览器以为元素超出了,立刻展示出滚动条过一会儿又发现 ...
js操作改变原数组的解决方法
最近在开发的时候发现js中的循环操作会改变原数组,var一个变量承接也不行甚至连map方法都会改变原数组,下面是解决方法 let a = ['a','b','c'] let b = [[2, 0, ...
Centos-启动network报错RTNETLINK answers: File exists解决方法
背景:今天在Vcenter上,用模板克隆了一个虚拟机,启动之后,网卡启动不了,报错如下:RTNETLINK answers: File exists 说明: 环境 Centos6.6_X64 : 网 ...
教程：Visual Studio 连接 MySQL 数据库（包含常见错误及解决方法）
步骤①: 确保 VS2012 和 Mysql 软件能正常运行 VS2015/VS2010等其它版本应该都行,Mysql也是步骤②: 添加<mysql.h>头文件到VS库之后添加包含目录 ...
Android Studio 4.2 中Button的Backgroud背景设置默认为蓝紫色且无法修改的问题，及Button控件中英文字母全部默认显示为大写的解决方法
Button背景色无法修改问题简述在修改Button的背景颜色时,始终无法修改颜色为设置的颜色,且颜色始终为默认的蓝紫色: <Buttonandroid:id="@+id/btn_ ...
php gif透明色,php缩放gif和png图透明背景变成黑色的解决方法
php缩放gif和png图透明背景变成黑色的解决方法发布于 2014-10-23 14:38:23 | 355 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hy ...
php mssql_result 255 string,PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
本文实例讲述了PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法.分享给大家供大家参考.具体分析如下: PHP 连接 MSSQL 的新手经常遇到这个问题:数据库里面的 nvarch ...
在vue中，Echarts雷达图中indicator的点击事件，不能改变data中的值的解决方法
在vue中,Echarts雷达图中indicator的点击事件,不能改变data中的值的解决方法参考文章: (1)在vue中,Echarts雷达图中indicator的点击事件,不能改变data中的 ...

关于怎么改变border-bottom 的长度解决方法

关于怎么改变border-bottom 的长度解决方法相关推荐

最新文章

热门文章