在CSS弹性盒布局中,可以使用flex-wrap
属性来实现超出换行,该属性用于设置是否换行,默认情况下,它的值为nowrap
,即不换行,可以将其设置为wrap
,实现自动换行效果。示例如下:
.container {
display: flex;
flex-wrap: wrap;
}
在上述代码中,container
为父元素,设置display: flex;
使其成为弹性盒布局,再设置flex-wrap: wrap;
让子元素在一行排列不下时自动换行。
鹏仔前端 https://www.pjxi.com/