order;
flex-direction
justify-content
flex-wrap
align-content;
align-items
align-self:
flex-start：靠上对齐；
flex-end：靠下对齐；
center：居中对齐；
baseline：基线对齐；
stretch：拉伸以填满容器；
order：定义flex项目的排列顺序，数值越小越靠前。
flex-direction：
row：项目从左到右排列；
row-reverse：项目从右到左排列；
column：项目从上到下排列；
column-reverse：项目从下到上排列；
justify-content: 定义主轴上的对齐方式，主要用于控制项目的分布。
flex-start: 项目靠主轴的起点对齐；
flex-end: 项目靠主轴的重点对齐；
center: 居中对齐；
space-between: 项目之间的间隔均等，第一个项目在起点，最后一个项目在终点；
space-around：项目之间的间隔均等，每个项目两侧都有相等间隔；
flex-wrap:控制是否换行；
wrap: 容器空间不足时换行，新行在下方添加；
align-content:
flex-start: 所有行靠上对齐；
flex-end: 靠下对齐；
center: 居中对齐；
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/185799.html