.box{ display: flex; flex-direction: row(默认,从左到右) | row-reverse(从右到左) | column(从上到下) | column-reverse(从下到上); flex-wrap: nowrap(默认,不换行) | wrap(换行) | wrap-reverse(反向换行); flex-flow: || ; justify-content: flex-start(默认,左对齐) | flex-end(右对齐) | center(中间对齐) | space-between(两端对齐) | space-around(每个项目两侧的间隔相等); align-items: flex-start(上对齐) | flex-end(下对齐) | center(中间对齐) | baseline | stretch(默认); align-content(多轴线): flex-start | flex-end | center | space-between | space-around | stretch; }