Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性
<div class="box"><div class="box1">1</div><div class="box2">2</div><div class="box3">3</div></div>
.box{ flex-direction: row | row-reverse | column | column-reverse;
display:flex;}
.box{ flex-direction:nowrap| wrap| wrap-reverse | initial | inherit;
display:flex;}
flex-flow: flex-direction flex-wrap|initial|inherit;
<'
flex-direction '>: 定义弹性盒子元素的排列方向。 <'
flex-wrap '>: 控制flex容器是单行或者多行。
justify-content: flex-start(默认值)|flex-end|center|space-between|space-around|initial|inherit;
align-items: stretch(默认值)|center|flex-start|flex-end|baseline|initial|inherit;
(建议参考菜鸟教程里的案例,更容易理解)align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;