












多个列表内容,自动换行显示,flex布局的 wrap 换行,加上gap间隔。
// 这是父级
display: flex; flex-wrap: wrap; /* 百分比基于父容器宽高 */ gap: 4%; /* 行列都 2% */ /* 或分开写 */ column-gap: 3%; /* 基于容器宽度 如果设置了高度 百分比生效,没有设置百分比 用px*/ row-gap: 2%; /* 基于容器高度 */ align-content: space-around; -moz-box-pack: justify; -webkit-box-pack: justify;
子列表加上 flex 即可。
3个子节点的宽度设置.
width: 30%
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。