美文网首页
实现div两侧的竖线比div的高度小

实现div两侧的竖线比div的高度小

作者: 泪滴在琴上 | 来源:发表于2024-05-11 20:16 被阅读0次
微信截图_20240512201512.png

通过before和after实现的,

&:nth-child(2){
                            &::before {
                                content: ""; 
                                position: absolute; 
                                left: 0; 
                                top: 15%; 
                                height: 70%; 
                                border-left: 1px solid #645F72; 
                            }
                            &::after {
                                content: ""; 
                                position: absolute; 
                                right: 0; 
                                top: 15%; 
                                height: 70%; 
                                border-right: 1px solid #645F72;
                            }
                        }

相关文章

  • float实现网站头部导航

    为了实现上面这个效果,完整版代码如下: div默认宽度全屏,高度自适应(根据里面内容的高度),如果定义了div高度...

  • div高度

    div的高度 1. div中只有内联元素: 当div中有多个内联元素时,div的高度由line-height决定。...

  • CSS面试题(二)

    一、用css实现div水平垂直居中。 方法一:设置div的宽度和高度,然后设置div为绝对定位,距离页面窗口左边框...

  • textarea高度自适应自动增高撑开

    方法一:div模拟textarea文本域实现高度自适应 div模拟textarea出现光标实现编辑功能,可添加此属...

  • vue右边和左边高度一致

    公司遇到的问题需求:右侧div高度和左侧div保持一致。左侧div高度是动态的。

  • 页面自适应/浏览器缩放自适应(不出滚动条)/js获取高度自适应

    问题描述:1.上下div,上div高度自适应,要求下面的div高度自适应/下div超出高度显示滚动条2.当浏览器窗...

  • el-table表格高度自适应(mixin 混入方式)

    在表格外部包一层div,设置div高度,el-table高度设置100%,动态计算div的高度 1.创建 tabl...

  • div、img的居中

    下面分为三块,知道div高度,不知道div高度,以及img的居中:

  • 隐藏滚动条

    条件:一个div,高度超出预设高度,会出现滚动条,不美观。 解决:在div外在套一个div,外层div设置over...

  • js-动画加载

    思路:当div出现在可视区域内时,通过给div动态加载类名来实现动画。可视区域的判断:div元素距离网页顶部的高度...

网友评论

      本文标题:实现div两侧的竖线比div的高度小

      本文链接:https://www.haomeiwen.com/subject/ifpyfjtx.html