随笔分类 - css
摘要：以下是使用:empty 搭配before实现表格中数据为空时的默认展示 // 在文件.vue中的table <template> <!-- 省略其他代码 --> <el-table-column prop="title" label="标题"></el-table-column> <el-table
阅读全文
摘要：清除浮动方式 2：父级定义 overflow：hidden；zoom：1（针对 ie6 的兼容） 3：给塌陷的元素添加伪对象.father：after{Content：“随便写”；Clear：both；display：block；Height：0；Overflow：hidden；Visibility
阅读全文
摘要：filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filte
阅读全文
摘要：<div class="svg"> <img src="./firefox-logo.svg" class="svg-color"> </div> //css .svg { width: 30px; height: 30px; overflow: hidden; } .svg-color { tra
阅读全文
摘要：Interactive CSS Grid Generator | Layoutit Grid grid布局 Grid布局 - HaimaBlog - 博客园 双栏布局非常常见，往往是以一个定宽栏和一个自适应的栏并排展示存在 实现思路也非常的简单： 使用 float 左浮左边栏 右边模块使用 marg
阅读全文
摘要：color: $color-3399E5; &::before{ content: ""; position: absolute; top: 0; left: 0; border-bottom: 2px solid $color-3399E5; padding-top: 5px; width: 0;
阅读全文
摘要：<div class="test test-1"> <div class="scrollbar"></div> </div> .test { width : 50px; height : 200px; overflow: auto; float : left; margin : 5px; borde
阅读全文
摘要：<div class="business-div"> <span>数据不一致</span> <div class="div-hover"> <div class="label-dev">描述:<span>xxxxxxxxxxxxx</span> </div> </div> </div> .busin
阅读全文
摘要：方式一：flex 布局 <style> .box { width: 200px; height: 200px; border: 1px solid blue; position: relative; display: flex; align-items: center; justify-conten
阅读全文
摘要：一、安装lib-flexible npm i lib-flexible -D 二、在main.js中引入 import 'lib-flexible/flexible' 三、在index.html文件中设置meta标签: <meta name='viewport' content='width=dev
阅读全文
