摘要：d1,d2,d3的width之和大于父元素的宽，并且都没有设置flex-shrink属性时， 会自动按自身比例收缩，见下图： 如果d1,d2,d3都设置了flex-shrink值时，即使是0， 则会溢出父元素的边框，见下图： 当d1,d2,d3任何一个设置了flex-shrink属性值时，（其它两个
阅读全文
posted @ 2020-05-16 00:46
05 2020 档案
摘要：当 d1,d2,d3未设置widht 并且flex-grow 为1时， 它们等分父元素的width,如下图： 当d1,d2,d3 未设置widht时， 设置flex-grow都为小数时，相当于按百分比占据父元素的width, 如d1->0.1 d2->0.2 d3->0.3时， 见下图： 如果d1,
阅读全文
posted @ 2020-05-16 00:09
摘要：flex-basis是flex中的 子元素 属性，默认为auto ！！！此属性优先级大于width，但受min-widht， max-width的限制！！！ flex-basis为百分比时，是指父元素的百分比。 默认auto时, 为子元素设置的width. 当 子元素的width设置为 百分比时，指
阅读全文
posted @ 2020-05-15 23:40
摘要：space-around对齐时， 三个div之间的距离是与父边框之间距离的【两倍】 space-evenly对齐时，三个div之间的距离是与父边框之间的距离 【相等】 space-between对齐 center对齐时，是三个div挨在一起（当做一个元素）居中。
阅读全文
posted @ 2020-05-15 22:53
摘要：元素默认是static定位 一 、相对定位 relative 1. 原位置仍被占据。 2, 以当前元素的原坐标开始定位 二、绝对定位 absolute 1. 释放元素所占位置。 2. 参考最近的外层元素（不是static定位的外层元素）的坐标。 三、固定定位 最简单的定位，以当前窗口的左上角为原点。
阅读全文
posted @ 2020-05-14 11:17
摘要：浮动: float 1. 脱离原文档流，并且释放原占有空间。但仍在原父边框范围内，即受父大小的限制。 2. 同级浮动的元素不会相互重叠。 3. 浮动后原display失效，可设置宽高，如：span标签。 并且不会独占一行，如div. 4.子元素浮动后，父没有设置【高】时，会塌陷。 如果父设置了ove
阅读全文
posted @ 2020-05-14 10:50
摘要：div p 与 div>p 的区别 div p 直属非直属的p元素都会被选择 不必直接包涵，即可嵌套 div>p 只有直属div的p元素会被选择 必须直接包涵，不能是嵌套 div~p 与 div+p 的区别 div~p div与p必须同级，div元素后面的p元素都会被选择 p元素的前面可以有其它元素
阅读全文
posted @ 2020-05-13 22:43
摘要：/*eslint no-unused-vars: ["error", { "args": "none" }]*/ router.afterEach((to, form) => { Auth.isLogin = true }) 方便参考： http://www.verydoc.net/eslint/0
阅读全文
posted @ 2020-05-10 00:09
摘要：// Globally register all base components for convenience, because they // will be used very frequently. Components are registered using the // PascalC
阅读全文
posted @ 2020-05-08 23:15
摘要：{ "name": "playvue", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vu
阅读全文
posted @ 2020-05-03 22:20
