以前常用的页面布局是浮动和定位；后来css3的flex布局解决了浮动的一些主要缺点(无法撑起父元素，需要清除浮动)

任何一个容器都可以指定为 Flex 布局。

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

flex  主要属性表现：

(1). 指定为flex----  display:flex;  

(2). 指定 方向----  flex-direction: row | column | XX-reverse;  默认 row  横向

(3). 指定  是否换行----  flex-wrap: wrap | nowrap;   默认 nowrap   不换行

(4)  指定 对齐方式 ---- justify-content:  flex-start | flex-end | center | space-between | space-around ;   默认左对齐 (左对齐 | 右对齐 | 居中 | 分散间隔相等 | 两侧的间隔相等)

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄