zoukankan      html  css  js  c++  java
  • flex 的 三个参数 flex:1 0 auto

    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值。

  • 相关阅读:
    例图作业
    冲刺第二天
    Day9
    Day8
    Day7
    Day6
    Day5
    Day4
    Day2
    第四次作业——个人作业——软件案例分析
  • 原文地址:https://www.cnblogs.com/moxiaowohuwei/p/8267624.html
Copyright © 2011-2022 走看看