[TOC] # 关于flex ## 1.能够给父元素设置的属性 flex-direction:设置子元素的排列方向 row--行：默认；column--列； row-reverse--行相反；column-reverse--列相反 ### 1.1当设置为row justify-content : center / left / right 设置子元素水平方向的对齐方式 align-items : center / left / right 设置子元素垂直方向的对齐方式 ## 1.2当设置为column 1.1中的设置相反 ### 1.3justify-content的设置 space-around ：子元素之间的间隔，比子元素到父元素边框的间隔大一倍 space-between：两端对齐，子元素之间的间隔相等 space-evenly：父元素的边界到子元素之间的间隔，和子元素与子元素之间的间隔相等（所有的间隔相等） ### 1.4 flex-wrap 子元素是否换行 ## 2.能够给子元素设置的属性 ### 2.1 order ### 2.2 flex ### 2.3 align-selft ## 注：此flex多适用于移动端