CSS 布局：Flexbox

1flex-direction: row | row-reverse | column | column-reverse;
2
3flex-wrap: nowrap | wrap | wrap-reverse;
4
5justify-content: flex-start | flex-end | center | space-between | space-around | sapce-evenly;
6
7align-items: stretch | flex-start | flex-end | center | baseline;
8
9align-content: stretch | flex-start | flex-end | center | space-between | space-around;

1align-self: auto | stretch | flex-start | flex-end | center | baseline;
2
3order: 0 | <integer>;
4
5flex: 0 1 auto | <int> <int> <len>;
6flex-grow: 0 | <integer>;
7flex-shrink: 1 | <integer>;
8flex-basis: auto | <length>;