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

作者：很楠不爱3 | 2024-03-14 13:31:57

踩

display flex 超出换行

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


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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/234823