css
违规昵称001
这个作者很懒,什么都没留下…
展开
-
css position: sticky;实现顶部悬停,吸顶效果,与 position: fixed;区别
区别:position:fixed; :设置了position:fixed; 之后则元素固定的位置是相对于浏览器窗口的position: sticky;: 在滚动到设置的top高度之前,表现和position: relative;是一样的,在滚动到top高度之后会粘性定位在规定的(top,bottom,right,left)父元素位置总结:所以在实际应用的时候,如果我们只是要把元素固定在浏览器顶部,**position:fixed; position: sticky;**是都可以实现的但是如果是左右分栏原创 2022-06-14 11:17:58 · 1437 阅读 · 0 评论 -
element ui中使用 mixin.scss文件(单文件使用,多文件使用)
1.首先新建mixin文件mixin.scss//滚动条样式@mixin scrollbar($width, $border-radius) { overflow-y: auto; scrollbar-width: thin; &::-webkit-scrollbar { width: $width; } &::-webkit-scrollbar-thumb { border-radius: $border-radius; box-sha原创 2022-04-28 14:58:51 · 620 阅读 · 0 评论 -
css 去掉浏览器记住账号密码后 input输入框 黄色背景
给input框设置&:-webkit-autofillinput{ width: 100%; background: inherit; box-shadow: inherit; border: none; outline: none; color: $white; &:-webkit-autofi原创 2022-01-11 10:29:14 · 603 阅读 · 0 评论 -
element-ui el-select 超出用...表示
如图所示,el-select 组件中当内容过长,想要选择框中的内容省略,用…表示,.el-input__inner{ padding: 0 20px 0 10px; border: 1px solid #DCDFE6; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: normal; white-space: nowrap; }写了如上代码发现只有.原创 2021-09-23 10:42:30 · 3123 阅读 · 3 评论 -
css文本两端对齐
文本需要实现两端对齐的样式使用了 text-align: justify; text-align-last: justify;可以达到效果,但是担心兼容性问题所以网上找到了解决办法原解决办法地址:https://blog.csdn.net/qq_29608143/article/details/83625318...原创 2021-05-24 17:20:13 · 91 阅读 · 0 评论 -
关于垂直滚动条样式优化
代码:.on-live { width : 100%; background-color: #fff; height : 360px; margin: 23px 0 20px 0; overflow-y: auto; &::-webkit-scrollbar { overflow: v...原创 2019-12-24 11:31:49 · 613 阅读 · 0 评论 -
关于box-shadow
box-shadow参数:offset-x offset-y blur spread color inset;参数意义:X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展] [阴影颜色] [投影方式];offset-x:必需,正负值都可. 水平阴影的位置.offset-y:必需,正负值都可以. 垂直阴影的位置.blur:可选,正值. 阴影模糊半径,0表示无模糊效果,值越大阴影边缘越模糊...原创 2019-12-07 09:23:05 · 155 阅读 · 0 评论 -
去除input框发光外边缘,设置border-radius后的外边线
outline:none;box-shadow:unset; //或none原创 2019-11-28 09:21:58 · 1317 阅读 · 1 评论 -
关于css各类居中的区分与用法
关于css各类居中的区分与用法 关于居中我们在平时的开发中都会经常用到,我个人是碰到需要居中的情况想到一种方法就随手一用,但有时候不管怎么设置都没有这个居中效果,所以特地学习了一下css各类居中的方法,包括水平居中和垂直居中。水平居中要设置水平居中的元素,首先我们要把元素划分一下类别:1.行内元素 如a,b,span,img,label,button,input,textarea等。原创 2017-10-16 15:52:07 · 249 阅读 · 0 评论 -
浮动与清除浮动
在应用中css的浮动也是让人头疼的问题之一,尤其是对于初学者来说,下面我来简单总结一下浮动的相关知识: css的定位有:普通流、浮动、绝对定位 三种。 其中的浮动就脱离了标准流,不受标准流的控制。 一、浮动的概念: 浮动,即float ,它有left和right两种属性,left向左浮动,right向右浮动。那么浮动是怎么产生的呢,我们为什么要清除浮动? 下面看一个小例子:!DOCTYPE转载 2017-10-23 17:33:04 · 202 阅读 · 0 评论