垂直居中
space-between
flex-grow和flex-shrink
flex-grow=1; growing space：remaining space(150px)*flex-grow/sum(flex-grow)(>=1)
flex-grow=2; growing space：remaining space(150px)*flex-grow/sum(flex-grow)(>=1)
flex-grow=3; growing space：remaining space(150px)*flex-grow/sum(flex-grow)(>=1)
flex-shrink=1; shrinking space: 溢出量*flex-shrink*width/总权重(各个item shrink的值乘以其宽度的和)
flex-shrink=2
flex-shrink=3
当flex-grow或flex-shrink的值小于1的时候，其增长或收缩的比例为flex-grow或flex-shrink之和相对于1的比例的空间。
当flex-grow或flex-shrink的和大于等于1的时候，grow的值越大，增长的空间越大；而收缩的空间则取决于shrink的值与该item宽度的乘积有关，乘积越大，收缩的越多。