css弹性盒display:flex；如何实现超出换行

在CSS弹性盒布局中，可以使用flex-wrap属性来实现超出换行，该属性用于设置是否换行，默认情况下，它的值为nowrap，即不换行，可以将其设置为wrap，实现自动换行效果。示例如下：

.container {
  display: flex;
  flex-wrap: wrap;
}

在上述代码中，container为父元素，设置display: flex;使其成为弹性盒布局，再设置flex-wrap: wrap;让子元素在一行排列不下时自动换行。

鹏仔前端 https://www.pjxi.com/