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 · 150 阅读 · 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 · 3752 阅读 · 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 · 519 阅读 · 0 评论 -
关于怎么让div宽度自适应文字内容?
直接用css3的fit-content:width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;原创 2021-05-19 11:21:52 · 195 阅读 · 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 · 238 阅读 · 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 · 96 阅读 · 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 · 286 阅读 · 0 评论