弹性盒模型,不兼容,w3c目前还没有标准化,需要加浏览器内核前缀
如果想要搭建弹性盒模型,首先要在父级建立弹性盒模型的空间
方法:display:-webkit-box;
排列方式 两种 水平 和垂直
-webkit-box-orient:vertical;垂直
-webkit-box-orient:horizontal;水平
子级的排列位置,可以给父级加-webkit-box-pack 来实现
方法:
-webkit-box-pack:
-webkit-box-pack:
-webkit-box-pack:
-webkit-box-pack:
-webkit-box-pack:
相应的值有:
start 左边 默认值
center 中间
end 右边
justify 均分
子级自己本身可以均分父级的宽度,根据自己的分数进行均分
设置分数的方法
给子级加
-webkit-box-flex:几份
比如:
-webkit-box-flex:1;根据计算分一份
-webkit-box-flex:5;根据计算分五份