随笔分类 -  css

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

点击右上角即可分享
微信分享提示