随笔分类 - 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
阅读全文