设置子项的占用空间。如果设置了值，则子项占用的空间为设置的值；如果没设置或者为auto，则子项的空间为width/height的值。
基准宽度，以这个为标准，就算子元素设置width了，也要以flex-basis为标准。
用来瓜分父元素的剩余空间
按着flex-grow默认是0
例子： 若有剩余空间180px，有三个子元素，第一个没设置flex-grow，第二个设置为2，第三个设置为1，则180px被分成3份，然后按比例分，则第一个分到0，第二个分到120px，第三个60px。他们再加上分到的宽度就是真实的
用来吸收超出的空间
默认值为1
例子： 若超出了100px，有三个子元素，第一个没设置flex-grow，基准宽度为250px。第二个设置为2，基准宽度为150px。第三个设置为2，基准宽度为100px。则第一个需要吸收的空间是(2501)/(2501+1502+1002)*100 = 33.33px，同理2为40px，3为67px，他们各自用基准宽度减去
吸收的空间就是真实的宽度
flex : none | flex-grow | flex-shrink | flex-basis flex:1...
css弹性盒子-------桃园三兄弟之：flex-grow、flex-shrink、flex-basis详解 版...
flex是flex， flex-grow，flex-shrink, flex-basis 的缩写形式：flex-...
flex: flex-grow flex-shrink flex-basis; flex-grow：变大 fle...
flex:flex-grow flex-shrink flex-basis flex-grow 默认为0，即如果...
flex 六个属性： order flex-grow flex-shrink flex-basis flex al...
一，flex是flex-grow,flex-shrink,flex-basis项目属性的缩写 flex-grow:...
flex 是 flex-grow、flex-shrink、flex-basis的缩写。默认值： flex: 0 1...
语法 flex: flex-grow flex-shrink flex-basis主要有三个值flex-grow,...
flex的属性的值是 flex-grow, flex-shrink, flex-basis的缩写 flex的属性的...
本文标题：Flex之flex-basis、flex-shrink、flex
本文链接：https://www.haomeiwen.com/subject/nnmvwftx.html
网友评论