追格11.11优惠季（满699再减111）→ 优惠咨询

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

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

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

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


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


具体形式可参考下图：


css css属性 flex flex-wrap

发表评论

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

客服 工单