详解CSS中的flex布局

flex布局又称为弹性布局,任何一个容器都可以指定为flex布局 声明弹性盒子的几种方式 就像前面说的,所有容器都可以指定为flex布局 .box{ display:flex;} 行内元素也可以使用: display:inline-flex; 改变弹性元素的方向 弹性盒子默认是从左到右的方向,此时的轴是水平方向的, flex-direction 默认属性为 row .box{ display:flex;} 可以通过修改 flex-direction 属性来改变排列方向,也就是把轴变为垂直方向 .box{ display:flex; flex-deri