对于flex布局，我们在重排的问题上有什么优化的建议吗？
看了很多关于对重排和重绘的文章。突然有一个问题，那就是按照逻辑，如果说对于一个元素的几何属性有变化的话，就会发生重排。
flex布局完美符合这一特点啊，无论是flex：1还是说行内居中巴拉巴拉，一个元素会影响到其他所有的元素呀，这不是也会产生重排吗？
对于flex布局，我们在重排的问题上有什么优化的建议吗？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
崽崽的谷雨 2022-11-15 09:53关注可以看看这个
https://www.zhihu.com/question/271492607实际上能优化点的很少 。基本无法优化 .它比 table,float 性能 要好 。没必要对它的布局性能体现出明显担忧
评论 打赏解决 1无用举报 编辑记录 分享
- 2021-09-12 09:31回答 1 已采纳 现在我清楚flex布局侧轴有什么用了，不用各位了，但为了我下次提问，又要我采纳这个问题的答案才可以提问题，我采纳自己的答案
- 2022-03-09 20:53回答 3 已采纳 .outer>div加个高度就不会撑开，不然flex布局高度自适应的时候，高度会根据内容撑开 .outer>div{ width:200px;
- 2016-11-08 13:33回答 2 已采纳  看需求，ie 9 以前不兼容。图上是兼容flex的属
- 2022-06-20 16:31cj瑾瑜的博客 掌握到应用开发层面，熟悉其中关键规则原理，能够进行开发实践，找一份10-15K的工作是非常简单的，在工作中用几年去消化吸收这些知识点，更进一步的掌握，年薪拿个三十万是没有任何问题的。......
- 2022-01-19 00:56回答 4 已采纳 可以肯定的回答你是需要的，而且是必须的呢；在前端开发中会遇到很多数据化大屏的开发，大都使用flex布局去开发的；水平居中和垂直居中两种属性。其两种属性分别为： justify-content 、 al
- 2022-08-16 22:14回答 2 已采纳 第一个问题，html，body需要设置高度100%才行 body, html, #app { height: 100% } .home .foot .fo
- 2022-08-10 14:07回答 3 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
- 2023-03-30 20:17前端筱悦的博客 浏览器的重绘（repaint）和重排（reflow）...浏览器的重排和重绘是网页性能优化中的重要概念，理解它们的原理和影响，可以帮助我们更好地优化网页性能。重排是比较消耗性能的操作，因为它需要重新计算元素的布局信息。
- 2021-03-24 09:13回答 2 已采纳 采用flex布局后，box中的所有子元素div自动成为容器成员，你设置了flex-wrap属性为：wrap，元素的布局就会变成类似于这样了： 你想变成自上而下的样式，有个flex-directi
- 2022-08-02 15:27回答 3 已采纳 <div class="fa"> <div class="ch1"></div> <div class="ch
- 2023-03-01 21:32回答 2 已采纳 justify-self 只能用于替换 flex-item 的 justify-content 属性，不能用于替换 flex-container 的 justify-content 属性。要替换 fl
- 2022-08-01 23:21Ztc666841的博客 什么是重绘重排，如何避免
- 2022-08-29 10:14回答 5 已采纳 你自己的分析已经考虑的很全面了，我比较同意你说的ion-icon自己的样式影响问题。至于放置位置我认为是没有影响的，主要是button内的icon样式影响，筛选是否有position和层级z-inde
- 2023-08-18 00:13ChycoSmile的博客 前端性能优化是提升用户体验的关键。通过压缩和合并文件、减少网络请求、延迟加载图片等优化，可以加快网页加载速度。优化关键渲染路径、减少回流重绘，提升交互响应。优化资源缓存、使用CDN加速，减少服务器请求。...
- 2022-10-09 22:36big_matster的博客 flex布局学习，一个知识点一个知识点的攻克，然后搞理论，全部都将其搞透彻都行啦的样子与打算。
- 没有解决我的问题, 去提问
问题事件
创建了问题
11月15日
悬赏问题
- ¥50 comsol稳态求解器 找不到解，奇异矩阵有1个空方程返回的解不收敛。没有返回所有参数步长；pid控制
- ¥15 怎么让wx群机器人发送音乐
- ¥15 fesafe材料库问题
- ¥35 beats蓝牙耳机怎么查看日志
- ¥15 Fluent齿轮搅油
- ¥15 八爪鱼爬数据为什么自己停了
- ¥15 交替优化波束形成和ris反射角使保密速率最大化
- ¥15 树莓派与pix飞控通信
- ¥15 自动转发微信群信息到另外一个微信群
- ¥15 outlook无法配置成功