首页 > 其他 > 详细

弹性盒子

时间:2017-07-10 09:49:10      阅读:296      评论:0      收藏:0      [点我收藏+]

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

弹性盒子

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!