首页 > 代码库 > 弹性盒子

弹性盒子

弹性盒?子
弹性盒布局模型(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

弹性盒子