控制子元素在父元素里面的位置关系 display:flex 是给父元素加的
文档流是按照主轴排列,只要父元素加了flex,那么里面的子元素全部可以直接添加宽高 主轴的方向是默认从左到右
控制主轴方向 flex-direction: row, row-reverse, column, column-reverse 从左到右, 从右到左, 从上到下, 从下到上
控制主轴的排列方式 justify-content: flex-start, center, flex-end, space-around, space-between, space-evenly 主轴开始对齐,居中对齐,末尾对齐,均匀分布,两头撑开,均匀分布
控制侧轴的排列方式 align-items: flex-start, center, flex-end 侧轴的开始对齐,侧轴居中,侧轴末尾对齐
控制是否换行 flex-wrap:nowrap, wrap 默认不换行, 换行
原文地址:https://www.cnblogs.com/cczoi/p/11163838.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。