Flex布局是什么?
Flex是Flexible Box的缩写,意思是“弹性布局”,该布局是来为盒状模型提供最大的灵活性。
使用Flex:
- 任何一个容器都可以指定为Flex布局: display:flex
- 行内元素也可以使用Flex布局: display:inline-flex
- Webkit内核的浏览器,必须加上-webkit前缀: display: -webkit-flex /*Safari*/
注:设为 Flex 布局以后,子元素的float
、clear
和vertical-align
属性将失效