1.布局
布局的传统解决方案,基于盒子模型,依赖 display,position,float 等属性。它对于那些特殊布局非常不方便。比如,垂直居中就不容易实现。我们可能要 position + transform 才能配合完成
新的方案flex布局,可以简便、完整、响应式地实现各种页面布局。使用了flex布局的盒子模型设置垂直居中就非常简单了,只需要设置 align-items:center; 属性
2.性能
相比float,关联性重绘好很多
相比tranform,子元素和父元素样式控制操作更少
flex的好处
最新推荐文章于 2024-08-17 14:58:02 发布