## 什么是弹性盒子 弹性盒子模型是css3中新提出的一种布局方案。是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案。主要是对一个容器中的子元素进行排列、对齐和分配空白空间的方案的调整。 ## 如何设置一个弹性盒子 ``` 如何将一个容器变为弹性容器呢？display:flex ...

最近在开发公司的平台系统，因为该项目主要是运行在移动端，所以采用了flex弹性布局。flex布局用起来很灵话，提高了开发效率。而且性能貌似比传统的浮动布局好。 1. 首先声明父元素布局方式为弹性布局 　　display: -webkit-flex; /* Safari ...

CSS3 弹性盒子(Flexible Box 或 Flexbox)，是一种用于在页面上布置元素的布局模式，使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时，元素可预测地运行。对于许多应用程序，弹性盒子模型提供了对块模型的改进，因为它不使用浮动，flex容器的边缘也不会与其内容的边缘折叠 ...

flex-direction 属性 flex-direction 用来来确定主轴的方向，从而确定基本的项目排列方向。 flex-direction 属性的取值及其含义： row（默认值）： 主轴 ...

弹性盒子 父元素 　　display:flex; 　　 设置元素为弹性盒子 　　flex-direction 　设置弹性盒子轴(x,y,轴)与排列 flex-wrap 设置容器为单行或多行 　　flex-direction: row | row-reverse ...

　　对元素CSS的display属性设置flex或者inline-flex，那么这个元素就是弹性盒模型容器(flex container)，其子元素就是弹性盒模型子元素(flex item)。在容器中，水平的主轴(main axis)和垂直的交叉轴(cross axis)撑起这个弹性盒模型 ...

----------------------------- 弹性布局 ------------------------------------------------------ 1、定义弹性布局（父级上定义） display:flex; 如果说内核为webkit 的必须前面 ...

Flex布局 一、什么是Flex布局？ Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局。 1 ...