快刀布局

@Lenik

这个工具主要用来简化页面的创建过程。

从无到有总是非常困难的。老子曾经曰过，道生一，一生二，二生三，三生万物，也就是说，这个从无到有的关键在于道，道就是思维、方法和工具，有了合适的工具，和内心对页面呈现的思维，那么道生一就没有那么难了。

多数页面的布局，都是比较结构化的。一个大框中分出许多小框框，小框框里面再套更小的方框。一般我们不会把两个框框交叉重叠起来，因为，重叠容易引起混乱，并且不符合流式布局。另一方面，重叠所能达到的效果，通常都能用另一种更好的方法实现。

---

布局方法

页面布局有好几种不同的方法，快刀布局目前只支持生成 flex 布局。这里介绍一些常用的布局方法，了解、知道世界上还有其它的选项，有助于我们加深对 flex 特性的理解。

简单易用的TABLE，和灵活的DIV

新一代流式布局 flex

纵横转换

元素的形成

指定 TAG, 名称和样式

自动生成 ID

随机填充块的颜色

---

感谢

• 感谢 jQuery, Vue.js 的作者和贡献者们，得益于你们优秀的开源框架，使这个作品成为可能。
• 感谢 font-awesome 的设计者，在文字边上配上简洁的图标是我的兴趣之一。