本文目录一览：
ReactNative之Flex布局
一般使用ReactNative开发App，一般都采用Flex布局，使用这套布局就非常快。 Flex简介 Flex又叫弹性布局，会把当前组件看做一个容器，他的所有子组件都是他容器中的成员，通过Flex，就能迅速的布局容器中的成员。
：若当前组件是View，那么它子组件的默认排列方式是竖直向下的，也就是他的 flexDirection 属性默认是 column ，那么它的主轴就是向下的这个轴，次轴就是横着的轴（垂直主轴的轴叫做次轴）。
不是非必要的，设置flex：1只是为了让每块都等比例而已。
可以看到，虽然下方元素没有显示，但在主轴方向上还是占据了一半空间（设置了flex：1 属性）。所以主轴的剩余空间还是按比例分配了，只是交叉轴长度为0，导致下方元素不显示。
flex布局属性简介
采用 Flex 布局的元素，称为 Flex 容器（flex container），简称容器。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称项目。
在flex布局中，有主轴和侧轴的概念之分，即所谓的行与列，默认的主轴方向是从左往右，默认的侧轴方向是从上往下。
flex（flexible box：弹性布局盒模型），是 2009 年 w3c 提出的一种可以简洁、快速对页面进行弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。
Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。display： flex； display： inline-flex；注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。
采用 Flex 布局的元素，称为Flex 容器 它的所有子元素自动成为容器成员，称为Flex项目 容器的属性 （重点记忆）以下6个属性设置在容器上。
有谁知道伟创力(flex)用的是啥软件啊,就他们仓库的那个,是他们自己写...
伟创力flex登录步骤如下：登录flex官网，点击右上角登录按钮。输入手机号，邮箱和密码，点击登录。如果是新用户，点击注册，填写注册信息并提交。登录完成，可以开始使用flex了。
伟创力公司(NASDAQ： Flex)总部设在美国，是世界500强企业之一，为科技公司提供运营服务的全球性电子制造服务（EMS），在五大洲29个国家及地区开设有设计、工程、制造和物流等业务服务。
伟创力是全球著名的电子专业制造服务供应商。主要为汽车、国防工业制造、医疗及科技企业制造服务。伟创力主要业务是手机电路板设计、通信工程、汽车配件制造和物流等。
Flex弹性盒布局
传统的布局方案是基于盒模型，依赖于display：block和float+position，但是对于一些特殊的布局来说就不是很方便，如在盒模型中垂直居中。
弹性布局可以响应式的实现各种页面布局，所有浏览器都支持。让所有的li在ul当中垂直居中，实现如下：效果如下：接下来再细聊每个属性的特性。任何一个容器都能使用flex布局，这里有一个flex-container的概念。
宽度为0（之前如果写了宽度则失效）设置元素自身在侧轴上的对齐方式。弹性盒布局尽量不要使元素脱离文档流，否则整个布局就会混乱。
Flexbox是flexible box的简称(意思是灵活的盒子容器)，是CSS3引入的新的布局模式。它决定了 元素如何在页面商排列，使他们能在不同的屏幕尺寸和设备下可预测地展现出来。
布局的传统解决方案，基于[盒状模型]，于那些特殊布局非常不方便。 Flex 是 Flexible Box 的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性。
