css flex
布局 —— 每日学习总结一点小知识
定义
Flex
是Flexible Box
的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。
语法
flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;
相关说明
flex-grow
:一个数字,规定项目将相对于其他灵活的项目进行扩展的量。
flex-shrink
:一个数字,规定项目将相对于其他灵活的项目进行收缩的量。
flex-basis
:项目的长度。合法值:"auto"、"inherit"
或一个后跟 "%"、"px"、"em"
或任何其他长度单位的数字。
auto
:与 1 1 auto
相同。
none
:与 0 0 auto
相同。
initial
:设置该属性为它的默认值,即为 0 1 auto
。
inherit
&