[HTML5移动网页开发] Flexbox布局讲解与使用技巧

##一 摘要

在前一篇我们讲到了react Native混合APP开发时,布局主要采用是Flexbox布局,不了解可以参考之前的一篇文章.
[React Native混合开发]React Native中的Flexbox布局

####现在来详细介绍一下Flexbox布局语法跟使用.大家可能非常关心以下几个问题:

#####1 .什么是Flexbox布局?
#####2. Flexbox布局主要用于什么场景?
#####3. Flexbox布局它的语法是什么?
#####4. 如何实际使用Flexbox布局?
#####5. Flexbox布局它的缺陷是什么?

####下面就这五个问题给大家分析分析.希望给那些想尝试用Flexbox的行内人有所帮助. 在恰当的地方能够使用恰当的布局方法,如果有说的不到位,希望大家指正,一起进步。

##1 .什么是Flexbox布局?
###1.1 W3C解释

Flexbox Layout(Flexible Box)模块，W3C官方称为CSS弹性盒子布局，是在CSS3中定义的一种新的布局模式.

###1.2 具体解释

1. Flexbox Layout(Flexible Box)模块，W3C官方称为CSS弹性盒子布局，是在CSS3中定义的一种新的布局模式。
2. Flexbox可以控制在容器内的子元素的对齐方式、排列方式以及排序顺序，即使其子元素的尺寸