效果圖如下：像這種一行是3個，每個flex項占主軸空間是33.3333%，所以我劃分了2個橫向的flex容器作為上一個縱向的flex項，現(xiàn)在的問題就是第2行怎么實現(xiàn)前2個flex項的排列（如果不限定flex項的寬度的話，以為不能整除），我現(xiàn)在是在第2行后面加了一個空的flex項，然后用flex：1等比例放大的，但多了一個空的div，求大佬指教更好的辦法。
1 回答
米琪卡哇伊
TA貢獻(xiàn)1998條經(jīng)驗 獲得超6個贊
<div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div></div><style>
.row { width: 300px; display: flex; flex-wrap: wrap; align-content: flex-start;
} .col{ flex: 0 0 33.333333%; height: 80px; box-sizing: border-box; border: 1px solid #dcdfe6;
}</style>添加回答
舉報
0/150
提交
取消