CSS详解系列:04-Flex容器属性flex-wrap

fox/ 01月01日/ CSS教程/ 浏览 1058

默认情况下,项目都排在一条线(又称"轴线"axis)上。flex-wrap属性定义,如果一条轴线排不下,如何换行,该属性用来设置当弹性盒子的子元素(项目)超出父容器时是否换行。

flex-wrap属性的可选值如下:


描述
nowrap默认值,表示项目不会换行,当主轴的长度是固定并且空间不足时,项目尺寸会随之进行调整,而不会换行。
wrap表示项目会在需要时换行,第一行在上面
wrap-reverse表示项目会在需要时换行,但会以相反的顺序,第一行在下面
initial将此属性设置为属性的默认值
inherit从父元素继承属性的值


具体形式可参考下图:


发表评论

暂无评论,抢个沙发...

客服 工单