美文网首页
flex 的三个参数 flex:1 0 auto

flex 的三个参数 flex:1 0 auto

作者: LittleAnt | 来源:发表于2020-05-28 21:42 被阅读0次

    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+1001/3; B=200px+1002/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

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