关于flex布局的认知 希望对大家能有所帮助

什么是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、子元素属性

留个赞呗!!!