【CSS3】display:flex；解析

display 属性规定元素应该生成的框的类型。
简单来说就是制定元素是行内元素还是块元素或者是其他元素。

display: block;
display: inline;
这两个属性值只影响元素的表现，不会影响元素内部子元素的类型。

display: flex;
flex属性值会指定该元素内部子元素的排列方式。

与flex配合使用的属性：

• align-items
  1）元素顶部对齐
  flex-start：

2）元素底部对齐
flex-end：

3）元素中轴线对齐
center：

4）第一行文字基线对齐
baseline：

5）不设置高度或高度为auto，占满整个容器
stretch：

未完待续。。。