display(显示方式):
(1)none:不显示
(2)inline:行级
(3)block:块级
(4)flex:弹性
flex-driection(排序方式):
(1)row:横向布局
(2)row-reverse:反转横向布局
(3)column:纵向布局
(4)column-reverse:反转纵向布局
justify-content(主轴线对齐方式):
(1)flex-start:靠行头
(2)flex-end:靠行尾
(3)center:居中
(4)space-around:环绕对齐
(5)space-between:靠边对齐
align-items(侧轴对齐方式):
(1)strectch:伸展
(2)flex-start:靠上
(3)flex-end:靠底部
(4)center:居中
(5)baseline:基线对齐
flex-wrap(换行方式):
(1)nowarp:不换行
(2)warp:换行
(3)warp-reverse:反向换行
align-content(多轴线对齐方式):
(1)streatch:伸展
(2)flex-start:靠行头
(3)flex-end:靠行尾
(4)center:居中
(5)space-around:环绕对齐
(6)space-between:靠两边对齐