叶局长的博客

准备工作 在开始学习flexbox之前，你需要以下基础知识： HTML基础 CSS基础，并且知道CSS是如何工作的 为什么要学习使用flexbox(弹性盒子)? 在相当一段长的时间里，唯一具有浏览器兼容性的页面布局方法就是float(浮动) 和 position(绝对定位与相对定位) ，即便他们可以比较好的处理也页面布局，但在一些情况使用他们是十分困难的，如： 将一个元素相对于它...

flexbox的两条轴线(axis 或 axes) 当元素被设计为一个弹性盒子，也就是元素display属性被设定为flex的时候，flexbox会根据两条轴线来进行布局 下面先对图中所出现的几个概念进行解释：                                                     ①main axis  main axis 是flexbox中的子项(f...