display:flex; flex-wrap: wrap;
让弹性盒元素在必要的时候换行 超过1行,自动 第2行。:
flex-wrap: wrap;
这个属性决定了flex容器中的项目是否换行。默认情况下,flex-wrap
的值是nowrap
,这意味着所有flex项目都会尽量在一行内显示,即使这意味着容器会溢出。当设置为wrap
时,如果一行内的空间不足以容纳所有项目,则项目会自动换行到下一行。如果设置为wrap-reverse
,则项目会从底部开始向上换行。
站长微信:xiaomao0055
站长QQ:14496453