css升级打怪
css升级打怪
抽屉里的五花肉
专注搬砖30年~
展开
-
table设置border-collapse: collapse;后border计算异常的解决办法
问题:table设置border-collapse: collapse;临近合并单元格的border会计算错误,如下图所示 解决: table { border-collapse: unset; border-spacing: 0; }原创 2021-11-19 11:28:32 · 6200 阅读 · 0 评论 -
文字超过两行或三行就显示省略号
.p1{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }原创 2021-07-05 15:39:30 · 371 阅读 · 0 评论 -
css / filter属性
最近项目开发用到了filter的grayscale和blur值,觉得很强大,今天来看看filter到底还能干什么! filter的属性值有: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() 找了张温温的图,来看看这些值的效果: filter: blur(5px); // 模糊原创 2020-12-10 14:36:51 · 416 阅读 · 0 评论 -
css / 隐藏滚动条并且保留滚动功能
方法1: 适用于谷歌等使用webkit内核的浏览器 element::-webkit-scrollbar {display:none} 方法2: 给元素套一个固定宽高的父元素,并且设置溢出隐藏,让子元素的宽度比父元素宽20个像素(滚动条的宽度),这样子元素滚动条出现时就会溢出父元素并被父元素隐藏起来。 适用于所有浏览器 <div class="outer-container"> <div class="inner-container"> </div&g原创 2020-11-05 16:30:11 · 1025 阅读 · 0 评论