什么是Flex布局?
基本概念
基本属性
一、什么是Flex布局?
Flex是Flexible Box的缩写,顾名思义为“弹性布局”,用来为盒装模型提供最大的灵活性。
任何一个容器都可以指定为Flex 布局。
.box{
display:flex;
}
行内元素也可以使用Flex布局。
.box{
display:inline-flex;
}
webkit内核的浏览器,必需加上-webkit前缀
.box{
display:-webkit-flex;
display:flex;
}
需要注意的是,设为flex布局以后,子元素的float、clear和vertical-align属性将失效
二、基本概念
采用 Flex 布局的元素,称为 Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex项目(flex item),简称“项目”。
二、基本属性
1、父元素属性
1、子元素属性