ange997的博客

flex布局 CSS3中提出的布局方案，在开发移动端项目时，基本上都是flex布局。 目的：让块级元素可以并排显示 和浮动的作用差不多。 概念： 容器：如果给一个盒子加上了display:flex; 那么这个盒子就是一个容器 项目：容器的直接子元素就是项目 主轴：项目默认在容器中是水平排列的，这个排列方向就是主轴 主轴开始点：项目排列默认就是从轴的开始点开始排列 主轴的结束点： 交叉轴：和主轴垂直的方向，就是交叉轴 容器相关的属性(6个)： flex-direction: 设置主轴的方向 用的比