☛ ☛ Demo
- Flex 是 Flexible Box 的缩写,以为弹性布局,为盒装模型提供最大的灵活性
- 任何一个容器都可以指定为 Flex 布局
- 行内元素也可以使用 Flex 布局:display : inline-flex
- Webkit 内核的浏览器,必须加上 -webkit 前缀:display : -webkit-flex
- 设置 Flex 布局之后,子元素的 float、clear、vertical-align 属性将失效
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content
- order
- flex-grow
- flex-shrink
- flex-basis
- flex
- align-self