flex布局
基础概念的理解
- 容器 container
-
项目 item
容器属性
-
flex-dirrction
-
flex-wrap
-
justify-content
-
align-items
-
align-content
1. flex-dirrction 排列顺序属性
2. flex-wrap item是否换行（子元素是否换行）
3. justify-content横向对齐的方式
4. align-items 纵向对其方式
5. align-content 换行情况下 每行跟每行的排列顺序
项目属性
-
order
-
flex-grow
-
flex-shrink
-
flax-basis — 我认为蛋用没有不用学
-
flex（2,3,4的简写形式）
-
flex-self
order
flex-grow
flex-shrink
flex-self ( 覆盖父级配备的align-item属性 )
学习与https://www.bilibili.com/video/BV1t7411E7tn?t=2256 B站的耕耕技术宅图片出处也是这里
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。