对于水平排列的情况，我们可以设置父元素的flex-direction属性为row。这样，子元素将会水平排列在一行内，并自动撑开父元素的宽度。如果子元素的宽度总和超过了父元素的宽度，则子元素会被压缩，以适应父元素的宽度。

对于垂直排列的情况，我们可以设置父元素的flex-direction属性为column。这样，子元素将会垂直排列在一列内，并自动撑开父元素的宽度。同样地，如果子元素的高度总和超过了父元素的高度，则子元素会被压缩，以适应父元素的高度。

参考：

flex 子元素 自动撑开父元素宽度