弹性盒模型

弹性盒模型,不兼容,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;根据计算分五份

你可能感兴趣的:(弹性盒模型)