美文网首页
弹性盒模型

弹性盒模型

作者: b94618a7a3da | 来源:发表于2018-04-10 23:57 被阅读0次

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

    相关文章

      网友评论

          本文标题:弹性盒模型

          本文链接:https://www.haomeiwen.com/subject/fomohftx.html