flex布局后，盒子的高度被均分不自己撑开该怎么办

如果一个Flex容器中的子项的高度被均分，而不是根据自身内容撑开高度，这可能是由于子项的`align-items`属性值引起的。`align-items`属性用于设置Flex容器中所有子项在交叉轴上的对齐方式，默认值为`stretch`，表示子项会被拉伸填充整个交叉轴。如果子项的内容不足以填充整个容器，它们的高度就会被均分。

如果希望子项的高度根据自身内容撑开，可以将`align-items`属性设置为`flex-start`、`flex-end`或`center`。这样子项的高度就会根据自身内容来确定，而不是被均分。

另外，还可以在子项的样式中设置`align-self: auto`，这样它会继承父容器的`align-items`属性，从而根据自身内容撑开高度。

以下是一个例子，其中Flex容器有三个子项，它们的高度根据自身内容撑开：

<div class="flex-container">
  <div class="item">Lorem ipsum dolor sit amet...</div>
  <div class="item">Consectetur adipiscing elit...</div>
  <div class="item">Sed do eiusmod tempor incididunt...</div>
</div>

.flex-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.item {
  padding: 10px;
  border: 1px solid #ccc;
  align-self: auto;
}

在上面的例子中，Flex容器的`align-items`属性被设置为`flex-start`，而子项的`align-self`属性被设置为`auto`，这样子项的高度就会根据自身内容撑开。