display设置为flex时
justify-content：flex-start；//开始对齐
justify-content：flex-end；//结尾对齐
justify-content：center；//中心对齐
justify-content：space-between；//两端对齐
justify-content：space-around；//自动分配间隔
justify-content：center；//中心对齐
flex-direction 主轴
flex-direction：row； （默认）依次排列（横向）
flex-direction：column；垂直排列
flex容器默认不换行
flex-wrap:wrap 第一行元素放不下时，第二行元素就会从这一行开始
flex-wrap:wrap-reverse 第一行元素放不下时，就会跑到第一行上面
水平垂直居中：
justify-content：center；//中心对齐
align-items：center；//中心对齐
扩展比率（flex-grow）父元素剩余元素的瓜分比列：
flex-grow：数字比例； //比例
flex-shrink（元素的多余空间削减比例）：
flex-shrink：数字比例； //比例
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。