首页 > 其他 > 详细

Flex子元素

时间:2018-11-01 14:05:49      阅读:141      评论:0      收藏:0      [点我收藏+]

order

控制子元素在父容器的顺序 0 任何整数 负数

order:1;

 

flex-grow谁的值大谁空间多,同样的值就平分

flex-grow:1

 

flex-shrink 设置弹性容器中项目的收缩比率

1  数字  不能负数

 

flex -basis   伸缩项目分配空间=伸缩容器空间-basis设置的空间-其他子元素的width(若无则为其他内容占的空间)

auto   空间按剩余空间平均分

[width]

0  全部空间大小一致

 

*flex复合元素

flex-grow   flex-shrink  flex-basis

 

align-self

align-self:flex-start

align-self:flex-end

align-self:center

align-self:baseline

align-self:stretch

 

Flex子元素

原文:https://www.cnblogs.com/jian1234/p/9888871.html

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