弹性盒子
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了弹性盒子相关的知识,希望对你有一定的参考价值。
弹性盒?子
弹性盒布局模型(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
以上是关于弹性盒子的主要内容,如果未能解决你的问题,请参考以下文章