码迷,mamicode.com
首页 > 其他好文 > 详细

flex 的 三个参数 flex:1 0 auto

时间:2018-01-11 15:44:20      阅读:983      评论:0      收藏:0      [点我收藏+]

标签:lex   如何   元素   属性   family   pos   idt   post   覆盖   

flex :flex-group  flex-shirk  flex-basis

①.flex-group 剩余空间索取

默认值为0,不索取

eg:父元素400,子元素A为100px,B为200px.则剩余空间为100

此时A的flex-group为1,B为2,

则A=100px+100*1/3;  B=200px+100*2/3

 

②.flex-shrik 子元素总宽度大于复制元素如何缩小

父400px,A 200px  B 300px

AB总宽度超出父元素100px;

如果A不减少,则flex-shink :0,B减少;

②,flex-basis

该属性用来设置元素的宽度,当然width也可以用来设置元素的宽度,如果设置了width和flex-basis,那么flex-basis会覆盖width值。

flex 的 三个参数 flex:1 0 auto

标签:lex   如何   元素   属性   family   pos   idt   post   覆盖   

原文地址:https://www.cnblogs.com/moxiaowohuwei/p/8267624.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!