flex 布局

标签：方式   ace   lex   around   间隔   spl   splay   between   布局   

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

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

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 ;   默认左对齐 (左对齐 | 右对齐 | 居中 | 分散间隔相等 | 两侧的间隔相等)

flex 布局

标签：方式   ace   lex   around   间隔   spl   splay   between   布局   

原文地址：https://www.cnblogs.com/liulijun/p/10723584.html