弹性盒子flex容易忘记的几个语法

97 阅读1分钟

弹性盒子中 flex: 0 1 auto 表示什么意思

三个参数分别对应的是flex-grow,flex-shrik 和 flex-basis,默认值为0 1 auto

  1. flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大
  2. flex-shrik属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小
  3. flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间,设置宽度跟宽度走,没设置宽度跟内容实际宽度走