flex 布局
Posted liulijun
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了flex 布局相关的知识，希望对你有一定的参考价值。
以前常用的页面布局是浮动和定位；后来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 布局的主要内容，如果未能解决你的问题，请参考以下文章