flex布局如何让子类在超出边界时隐藏掉

在Flex布局中，可以使用`flex-wrap`属性来控制子元素的换行方式。默认情况下，`flex-wrap`的值为`nowrap`，子元素会在一行上尽可能地排列。当子元素超出边界时，可以将`flex-wrap`的值设置为`wrap`，让子元素自动换行。

然而，`flex-wrap`并不能直接控制子元素超出边界时隐藏。为了实现隐藏子元素的效果，可以通过结合使用`flex-wrap`与`overflow`属性来实现。

首先，将父元素的`flex-wrap`属性设置为`wrap`，让子元素自动换行，并且超出边界时会被显示在下一行。

接下来，通过给父元素添加`overflow`属性，并将其值设置为`hidden`，可以将超出边界的子元素隐藏起来。此时，超出边界的子元素会被裁剪隐藏，不会显示在父元素的可视范围内。

综上所述，使用Flex布局时，通过将父元素的`flex-wrap`属性设置为`wrap`，以及给父元素添加`overflow: hidden`属性，就可以实现子元素在超出边界时隐藏的效果。