最近老是遇到布局问题，尤其是在垂直居中布局上。之前不了解display：flex;最近看了看书，简单的整理了下，于是就产生了这篇文章flex弹性布局可以简便，完整，响应式的实现各种页面的布局，而且现在也得到了所有浏览器的支持，实在是布局很便利的工具呢。一、flex布局的基本概念1.任何一个元素使用display：flex属性后都可以看做一个flex容器；2.它的子元素变成flex容器中