Flex是一个符合属性,包含以下三个子属性:
flex-grow
决定元素在容器中的剩余空间的分配比例,默认值为0,表示元素不会扩展。但设置为大于0的数时,元素会按照设定的比例扩展。
flex-shrink
决定元素在空间不足时的收缩比例,默认值为1,表示元素会按照比例收缩。当设置为0是,元素不会收缩。
flex-basis
定义元素在分配多余的空间之前所占据的主轴空间,默认值为auto,表示元素占据其本来的大小。
语法格式:flex: 1;
flex: 1
意为将一个元素的flex属性设置为1,相当于将其分配了一个相对于其它元素相同的可伸缩空间。
即flex: 1会是该元素尽可能地占据芙蓉其中的剩余空间,同时保持其他元素的相对位置和大小。
等同于:flex: 1 1 0%;