css
代码敲着敲着就睡了
这个作者很懒,什么都没留下…
展开
-
vue 修改滚动条样式
::-webkit-scrollbar { width: 3px; height: 15px; background-color: #a8a8a8; } ::-webkit-scrollbar-thumb { background-color: #0173d4; border-radius: 3px; } ::-webkit-scrollbar-track { background-color: #02143b; }原创 2021-08-24 14:40:54 · 136 阅读 · 0 评论 -
element 表格 使用fixed无效
/*设置overflow*/ /deep/ .el-table__body-wrapper{ overflow: auto; } /*表头和内容给一个固定宽度*/ /deep/ .el-table__header{ width: 1918px !important; } /deep/ .el-table__body{ width:1900px !important; } /deep/ .el-table__footer{ width: 1918px !important; } 如何有滚动.原创 2021-07-02 10:40:03 · 3575 阅读 · 0 评论 -
display:table-cell和 vertical-align
1.将以下样式代码添加到index.html、或app.vue中(必须是入口文件,起全局作用!) body .el-table th.gutter{ display: table-cell!important; } 2. 自己新建css文件common.css,在文件中将上面样式写入,在main.js文件中引入common.css文件 body .el-table th.gutter{ display: table-cell!important; } 讲解一下属性: display:tabl原创 2021-07-02 09:34:08 · 485 阅读 · 0 评论 -
关于怎么让div宽度自适应文字内容?
直接用css3的fit-content: width:fit-content; width:-webkit-fit-content; width:-moz-fit-content;原创 2021-05-19 11:21:52 · 179 阅读 · 0 评论 -
object-fit 图片剪切
.fill { object-fit: fill; } .contain { object-fit: contain; } .cover { object-fit: cover; } .none { object-fit: none; } .scale-down { object-fit: scale-down; } fill: 中文释义“填充”。默认值。替换内容拉伸填满整个content box, 不保证保持原有的比例。 contain: 中文释义“包含”。保持原有尺寸比例。保证替换内容尺寸.原创 2021-01-18 10:09:11 · 222 阅读 · 0 评论 -
文字渐变以及边框渐变和文字省略
文字渐变 color: #FFFFFF; background: linear-gradient(266deg, #6C98FE 0%, #4D7AFF 99.31640625%); /*为文本元素提供渐变背景*/ -webkit-background-clip: text; /**用文本剪辑背景,用渐变背景作为颜色填充文本 */ -webkit-text-fill-color: transparent; /**使用透明颜色填充文本 */ 边框渐变 button{ backgro原创 2021-01-18 10:04:18 · 91 阅读 · 0 评论 -
P标签
P标签 white-space: 如何处理元素中的空白 normal: 默认, 被浏览器忽略空白 pre: 空白被浏览器保留. nowrap: 文本不会换行, 会在同一行上继续, 一直走到需要换行为止 pre-wrap: 保留空白符序列, 但正常换行 pre-line: 合并空白符序列, 但正常换行 inherit: 从父元素继承white-space这个属性 word-wrap: 是否允许浏览器在单词内断句 现在更名为了overflow-wrap原创 2021-01-18 10:02:38 · 264 阅读 · 0 评论