Flexbox - 概述
C ascading S tyle S heets（CSS）是一种简单的设计语言，旨在简化使网页呈现的过程。 CSS处理网页的外观和感觉部分。
使用CSS，您可以控制文本的颜色，字体的样式，段落之间的间距，列的大小和布局，使用的背景图像或颜色，布局设计，不同设备的显示变化和屏幕尺寸以及其他各种影响。
要确定框的位置和尺寸，在CSS中，您可以使用其中一种布局模式 -
The block layout - 此模式用于布局文档。
The inline layout - 此模式用于布局文本。
The table layout - 此模式用于布置表格。
The table layout - 此模式用于定位元素。
所有这些模式都用于对齐特定元素，如文档，文本，表格等，但是，这些模式都不能提供构建复杂网站的完整解决方案。 最初，这用于使用浮动元素，定位元素和表格布局（通常）的组合来完成。 但浮子只允许水平放置盒子。
什么是Flexbox？
除了上述模式，CSS3还提供了另一种布局模式Flexible Box，通常称为Flexbox 。
使用此模式，您可以轻松地为复杂的应用程序和网页创建布局。 与浮动不同，Flexbox布局可以完全控制框的方向，对齐，顺序和大小。
Flexbox的功能
以下是Flexbox布局的显着特征 -
Direction - 您可以在任何方向上排列网页上的项目，例如从左到右，从右到左，从上到下，从下到上。
Order - 使用Flexbox，您可以重新排列网页内容的顺序。
Wrap - 如果网页内容的空间不一致（单行），您可以将它们包装到多行（水平）和垂直。
Alignment - 使用Flexbox，您可以将网页的内容与其容器对齐。
Resize - 使用Flexbox，您可以增加或减少页面中项目的大小以适应可用空间。
支持浏览器
以下是支持Flexbox的浏览器。
- Chrome 29+
- Firefox 28+
- Internet Explorer 11+
- Opera 17+
- Safari 6.1+
- Android 4.4+
- iOS 7.1+
