flex布局
用习惯了传统的display
、position
和float
布局方式,今天深入的学习了一下flex布局。
一、什么是flex?
flex布局就是弹性布局,任何一个容器都可以指定弹性布局display:flex;
,行内元素也可以display:inline-flex;
注意,采用flex布局后,子元素的
float
、clear
、vertical-align
属性将失效
二、父容器的属性
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content