设置flex 子元素不在区分浮动、clear、vertical-align、不在区分行和块；
display:flex;
display:inline-flex;
{项目排列方式}
flex-direction:
row(默认 水平左对齐)
row-reverse(水平右对齐)
clumn(垂直上对齐)
row-clumn(垂直下对齐)
{项目在主轴的对齐方式 左右对齐方式}
flex-content:
flex-start(默认 左对齐)
flex-end(右对齐)
center(居中)
space-between(两端对齐 项目之间间隔相等)
space-around(两端对齐项目之间间隔相等 两侧1/2间隔）
space-evenly(项目、两侧 间隔都相等)
{项目在交叉轴的对齐方式 上下对齐方式}
aling-items:
flex-start （上对齐）
flex-end （下对齐）
conter （居中）
flex-wrap：（是否换行）
Nowrap（不换行）
wrap（换行）
{子元素的项目属性}
order （项目排列顺序 数小靠前 默认0）
aliing-self （对齐方式）
center （中心对齐）
flex-end（下对齐）
flex-start（上对齐）
flex （子元素与子元素中间空白空间分配） 1占1份 2占2份
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
