flex-layout-demo:Flex布局教程，包含示例代码

flex-layout-demo 参考: [1] [2] [3] [4] Flex布局简介 Flex英文为flexiable box，翻译为弹性盒子，Flex布局即弹性布局。 Flex布局为盒子模型提供了很大的灵活性，任何一个容器都可以指定为Flex布局，设置方法为： .box{ display: flex; } 行内元素使用Flex布局 .box{ display: inline-flex; } 在webkit内核的浏览器上必须加上webkit前缀 .box{ display: flex; display: -webkit-flex; } 注意：使用Flex布局之后，里面的float、clear、vertical-align属性将失效。 Flex布局中的基本概念 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自