作者：张鑫旭
1. 简介1.1 什么是CSS布局？
一、flex弹性盒模型元素只要声明了display: flex;，那么这个元素就成为了弹性容器，具有flex弹性布局的特性.
前言在现代网页设计中，布局是一个至关重要的环节，在过去的一段时间里，页面的布局还都是通过table
一、Flex布局涉及的基本概念容器(container)：display被设置为flex、inline-flex的元素被称作为容器。
flex弹性布局：(1)其容器能调节子节点宽或高，以适应不同屏幕。(2)可以将一个元素当做容器，其子元素自动成为子容器。(3)水平主轴和垂直交叉轴。
1、什么是弹性布局Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。
Flex 布局基础1. Flex 容器设置
还在为网页排版抓狂？别担心，CSS的 flex 布局来了，让你轻松玩转各种页面布局，实现网页设计自由！什么是Flex 布局？Flex 布局，也称为弹性布局，是 CSS 中的一种强大布局方式，它能够让你的网页元素像弹簧一样，灵活地适应各种屏幕尺寸和设备方向。想象一下:
前言在css3 Flex技术出现之前制作网页大多使用浮动（float）、定位（position）以及 显示（display）来布局页面，随着互联网快速发展，移动互联网的到来，已无法满足需求，它对于那些特殊布局非常不方便，比如，垂直居中