弹性盒子

标签：浏览器   axis   复杂   开始   box   垂直   开发   layout   基本概念   

弹性盒?子
弹性盒布局模型（Flexible Box Layout）是 CSS3 规范中提出的?一种新的布局?方式。它可以?用简单的?方式满 ?足很多常?见的复杂的布局需求。

优势
开发人员只是声明布局应该具有的行为，而不需要给出具体的实现方式。浏览器?会负责完成实际的布局。
该布局模型在主流浏览器中都得到了支持

基本概念

采?用?ex布局的元素，称为?ex容器?（?ex container），简称“容器?”。它的所有?子元素?自动成为容器?成员，称 为?ex项?目（?ex item），简称“项?目”。

容器?默认存在两根轴：?水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框 的交叉点）叫做 main start （主轴起始），结束位置叫做 main end （主轴结束）；交叉轴的开始位 置叫做 cross start （交叉轴起始），结束位置叫做 cross end （交叉轴结束）。
项?目默认沿主轴排列列。单个项?目占据的主轴空间叫做 main size ，占据的交叉轴空间叫做 cross size

弹性盒子

标签：浏览器   axis   复杂   开始   box   垂直   开发   layout   基本概念   

原文地址：http://www.cnblogs.com/vvdsdhjjvvddddvvcdddg/p/7143869.html