![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
谷渊77
这个作者很懒,什么都没留下…
展开
-
圣杯布局
【代码】圣杯布局。原创 2023-11-17 10:10:54 · 42 阅读 · 0 评论 -
flex:1
当设置了 flex:1 属性时,代表 flex-grow: 1、flex-shirnk:1、flex-basis:0%这3个属性是可以单独进行设置的。原创 2023-11-14 09:11:38 · 30 阅读 · 0 评论 -
flex常用的容器属性
flex-direction: 设置容器中的主轴方向flex-wrap: 项目在主轴方向上是否换行显示justify-content: 设置容器中的项目在主轴上的对齐方式align-items: 单行项目在侧轴上的排列方式align-content: 多行项目侧轴上的对齐方式flex-flow: 是flex-direction和flex-wrap的合写, 默认值为row nowrap原创 2023-11-10 14:08:44 · 34 阅读 · 0 评论 -
重绘和回流是什么呢?
重排(回流):当渲染树需要更新并且DOM尺寸(宽高)发生了变化,同时其他的DOM就会受到影响,浏览器就会重新构建渲染树,这个过程就叫重排(回流)触发重排:添加或删除可见的 DOM ,DOM 位置发生变化,DOM 尺寸大小发生变化,页面初次 渲染,浏览器窗口尺寸发生变化。重绘单单从字面意思来看,就是重新绘制,那什么情况下会触发重绘呢?重绘:浏览器重新绘制收到影响的部分到屏幕上,这个过程叫做重绘。重排单从字面意思就是,重新排列,那什么情况下会触发重排呢?重绘不一定会重排(回流),重绘和重排(回流)的关系。原创 2023-11-07 17:32:42 · 28 阅读 · 0 评论 -
两行代码实现子盒子垂直水平居中
父盒子 display: flex;子盒子 margin: auto;父盒子如果有其他元素使用定位。原创 2023-11-07 11:24:55 · 24 阅读 · 0 评论