问题描述 在使用弹性布局的时候，必然会有碰到分配子元素空间问题，例如flex:1平均分配 但使用中有时候会发现，当其中某个子元素的内容过长时，会挤压其他子元素以及父元素的空间，并没有按我们设置的预期比

一、flex弹性的概念： 弹性盒子是一种用于按行或按列布局元素的一维布局方法，元素可以膨胀以填充额外的空间，收缩以适应更小的空间，适用于任何元素上，如果一个元素使用了flex弹性布局（以下都会简称为：

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…