flex box width

flex box height

flex direction

row[default] row-reverse column column-reverse

justify-content

start flex-start[default] center flex-end end space-between space-around space-evenly

align-items[min-height: 100px;]

flex-start center flex-end baseline stretch[default]

flex-wrap

nowrap[default] wrap wrap-reverse

align-content(当 flex-wrap 为 wrap 时才起作用)

stretch[default] start flex-start flex-end end center space-around space-between space-evenly baseline(first baseline, last baseline)

其它各种操作

添加 flex-item 项 删除 flex-item 项 随机设置各 flex-item order 属性值