效果圖如下：像這種一行是3個(gè)，每個(gè)flex項(xiàng)占主軸空間是33.3333%，所以我劃分了2個(gè)橫向的flex容器作為上一個(gè)縱向的flex項(xiàng)，現(xiàn)在的問題就是第2行怎么實(shí)現(xiàn)前2個(gè)flex項(xiàng)的排列（如果不限定flex項(xiàng)的寬度的話，以為不能整除），我現(xiàn)在是在第2行后面加了一個(gè)空的flex項(xiàng)，然后用flex：1等比例放大的，但多了一個(gè)空的div，求大佬指教更好的辦法。
1 回答
米琪卡哇伊
TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個(gè)贊
<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>添加回答
舉報(bào)
0/150
提交
取消