随笔分类 - css
摘要：//element ui vue2 的用法::v-deep .el-input__inner:-webkit-autofill { transition: background-color 50000s ease-in-out 0s; -webkit-text-fill-color: #fff; /
阅读全文
摘要：.ellipsis { display: inline-block; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal !important } <el-t
阅读全文
摘要：当父页面的使用 white-space: ellipsis; 子元素内容不会换行；使用white-space: normal;
阅读全文
摘要：<el-form-item label="错误产生时间:"> <el-date-picker v-model="form.responesStartTime" type="datetime" placeholder="选择日期时间" :picker-options="pickerStartDate"
阅读全文
摘要：瀑布流布局其核心是基于一个网格的布局，而且每行包含的项目列表高度是随机的（随着自己内容动态变化高度），同时每个项目列表呈堆栈形式排列，最为关键的是，堆栈之间彼此之间没有多余的间距差存大。 代码比较简单： <!DOCTYPE html> <html lang="en"> <head> <meta ch
阅读全文
摘要：圣杯布局 1.结构先加载主体,再加载左右 2.将三者都 float:left , 左右再加上一个position:relative（因为相对定位后面会用到）;3、middle 部分 width:100% 占满 ; 此时 middle 占满了，所以要把 left 拉到最左边，使用 marginlef
阅读全文
摘要：BFC( 块级格式化上下文 ) 块级格式化上下文，它是指一个独立的块级渲染区域， 只有 Blocklevel BOX 参与，该区域拥有一套 渲染规则来约束块级盒子的布局，且与区域外部无关. 如何生成BFC 1、根标签 2、float 的值不为 none 3、 overflow 的值不为 visib
阅读全文
摘要：浮动 元素的浮动是指设置了浮动属性的元素会脱离标准普通 流的控制，移动到其父元素中指定位置的过程。 语法: float : left right none(默认) 注意: 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,即使行内元 素浮动后也可以设置宽高.(类似不代表是,浮动后的盒
阅读全文
摘要：1.块级元素水平垂直居中 方法1 1 <!--（该方法兼容ie8以上浏览器）--> 2 position: absolute/fixed; 3 left:0; 4 top:0; 5 right: 0; 6 bottom: 0; 7 margin:auto; 方法2: 1 <!--前提条件:必需知道该
阅读全文
摘要：1.父子块级 元素外边距塌陷 子元素加margintop,父元素也加margintop, 如果父元素没有设置margintop,那默认0,取的是其中最大 的值,这个效果作用父元素身上啦 , 原因 :他俩共用一个外边距 . 解决 : 方法一 : 给父元素加 border/padding 方法二:
阅读全文
