HTML/CSS日记（十二）完

弹性盒flex：

CSS中的有一种布局手段，主要用于代替浮动来完成页面的布局。可以使元素具有弹性，让元素可以跟随页面大小的改变而改变。

弹性容器：要使用弹性盒，必须先将一个元素设置为弹性容器

/*设置为块级弹性容器*/
display: flex;
/*设置为行内弹性容器*/
display: inline-flex;

弹性元素：弹性容器的直接子元素是弹性元素（弹性项），弹性元素可以同时是弹性容器。

给弹性容器设置的属性：

flex-direction，指定容器中弹性元素的排列方式。可选值：row，默认值，从左向右排列；row-reverse，从右向左排列；column，从上向下排列；column-reverse，从下向上排列。

主轴：弹性元素的排列方向（justify的属性）。侧轴：与主轴方向垂直（ali