概述
容器属性（设置在容器上）
1.flex-direction （元素排列方向）
- flex-direction:row（横向从左到右排列，左对齐）
- flex-direction:row-reverse（右对齐）
- flex-direction:column（从上往下排列，顶对齐）
- flex-direction:column-reverse（底对齐）
2.flex-wrap（内容一行容不下时有效）
- flex-wrap:nowrap（默认超出不换行）
- flex-wrap:wrap（换行，第一行在上方）
- flex-wrap:wrap-reverse（换行，第一行在下方）
3.justify-content（水平对齐方式）
- justify-content: flex-start（水平左对齐）
- justify-content:flex-end（水平右对齐）
- justify-content:center（水平居中对齐）
- justify-content:space-between（两端对齐，内部元素之间的间隔都相等）
- justify-content:space-around（每个内部元素两侧的间隔相等）
a
最后
以上就是美满哑铃为你收集整理的flex的常用布局的全部内容，希望文章能够帮你解决flex的常用布局所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复