首页 > 代码库 > 弹性盒子
弹性盒子
弹性盒?子
弹性盒布局模型(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
弹性盒子
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。