flex布局
flex布局是什么
Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex
display:flex;
display:inline-flex;
容器的属性
1.flex-direction:; 设置主轴
.box{
dispaly:flex;
flex-direction: row | row-reverse | column | column-reverse;
}
![t_aHR0cHM6Ly9ibG9nLmNzZGFFFFFF,t_70)](https://img-blog.csdnimg.cn/20200322190616522.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l6MTk5ODEyMjI=,size_16,color_FFFFFF,t_70)
2.flex-wrap:; 子元素是否换行