![](https://img-blog.csdnimg.cn/20210426210727480.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
碎片
碎片化的知识最容易被疏忽,同时也更容易被吸收,只要你感兴趣。
Jaywei.online
只有捋平了,才能走得更顺。
展开
-
标准盒模型-怪异盒模型的区别
标准盒模型 默认情况下:标准盒模型,相当于box-sizing: content-box; 其实:box-sizing: content-box;情况下height:100px设置的是内容的高度;如果是此盒子模型的话padding会使得盒子撑开变大。 怪异盒模型 其实:box-sizing: border-box;情况下height:100px设置的是整个盒子的高度;如果是此盒子模型的话padding不会撑大盒子而是与border内的空间进行协调; ...原创 2021-04-17 22:34:13 · 79 阅读 · 0 评论 -
前端布局垂直并且水平居中
方式1:定位+margin(自动) 特点:必须设【被居中对象】的高和宽内容撑开也不行,且需要使用绝对定位拉满父级元素的top,bottom,left,right,否则margin:auto 会失效。 缺点:必须设宽高,内容撑开也不行。 方式2: 定位+margin(负) 方式3: 定位+transform 特点:【被居中对象】可以不需要知道宽高。 缺点:兼容性不好 方式4: 弹性盒模型 特点:【被居中对象】可以不需要知道宽高。 缺点:兼容性不好 ...原创 2021-04-17 22:06:11 · 154 阅读 · 0 评论 -
Vue 使用插值表达式配合Iconfont 插入Unicode 编码方式无法转换成图标
将data中的数据渲染到dom的方式: 直接在标签上写上的方式: 在这里插入图片描述 由此看来,可推测应该是Vue渲染该数据的时间晚于Unicode 被解析的时间原创 2021-04-15 21:36:09 · 1056 阅读 · 4 评论