当使用flex布局时经常会有一个问题困扰我,当使用以下代码设置超出换行的时候会出现这种情况。
{ display:flex; justify-content:space-between; flex-wrap:warp; }
如果想变成这种效果,可以使用grid布局
附上代码
{ display:grid; grid-template-columns:repeat(auto-fill,160px); grid-gap:0 15px; //元素之间的距离 相当于margin的效果 }