pipixia24264yuan的博客

原创 页面样式布局之弹性盒子（flex）

也就是说设置该项的意义在于设置该元素所在父级空间中的剩余空间所能够分配到的空间比列即个人所得空间，第一个例子当中flex只设置了flex-grow值为1，意思是将剩余空间平分给所有容器子元素。当指定该属性时该子元素就会设置在主轴方向上元素的初始大小，当一个元素设置flex-basis后又设置了width后，则flex-basis的优先级要高于width。在MDN上它的解释是定义弹性盒子项（flex-item）在弹性盒子当中分配剩余空间的相对比例。的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。