弹性盒模型

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容