定义和用法
flex是一个弹性盒子模型的属性
flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。
flex 属性是 flex-grow(扩展量) flex-shrink(伸缩量) flex-basis(伸缩基准值)的简写,其默认值是0 1 auto,
可设如下值:
- auto: 与 1 1 auto 相同;
- none: 与 0 0 auto 相同;
- initial: 设置该属性为它的默认值，即0 1 auto;
- inherit: 从父元素继承该属性.
注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。
flex-grow：把组件按照最大值比例分配
当子组件扩展小于父组件时，flex-shrink不起作用，当超过时，如果设置属性，才会根据父组件大小进行比例缩小。
flex-basis：按数值或者比例分配子元素初始大小。当flex-grow设置时，不起作用。
flex-flow ：属性是 flex-direction 和 flex-wrap 属性的复合属性。
flex-direction ： 属性规定灵活项目的方向。
flex-wrap ：属性规定灵活项目是否拆行或拆列。
网友评论