flex很早以前就出去了，可是因为适配性很差，一直不火。

现阶段本人只手中机端中小型心翼翼的应用flex，梳理个模版出去，横轴的！

模版css：

.children{ height: 20px; border: 1px solid red; margin: 2px; } .parent{ width: 1000px; border:1px solid green; } 

模版html：

 div  >
横轴的模版flex适配性书写：
/* 父原素-横着排序（主轴） */ .parent{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } /* 子原素-均值分栏 */ .child{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } /* 父原素-横着换行 */ .parent{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } /* 父原素-水准垂直居中（主轴是横着才起效） */ .parent{ -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; /*其他赋值以下： align-items 主轴原点方位两端对齐 flex-end 主轴拓宽方位两端对齐 space-between 等间隔排序，首尾没留白 space-around 等间隔排序，首尾留白艺术 */ } 
 标识： CSS3 案例 flex 适配性