文章詳情頁(yè)
css - 關(guān)于Flex布局的問(wèn)題
瀏覽：155日期：2022-11-27 13:09:13
問(wèn)題描述
我用flex布局代碼是這樣：.cszgroup-ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; padding-bottom: 5px;}.cszgroup-ul li{ width: 31%; margin-bottom: 10px;}結(jié)果是這樣：
我的問(wèn)題是：第二排紅線框部分，如何才能左對(duì)齊
問(wèn)題解答
回答1：沒試, 但是我想到了一個(gè)簡(jiǎn)單的辦法? 在倒數(shù)第二的位置加一個(gè)占位的p, 將它的visibility設(shè)置為hidden, 如何?
回答2：cszgroup-ul { justify-content: flex-start;}回答3：
如果你那些li不是動(dòng)態(tài)加載進(jìn)來(lái)的，有個(gè)笨辦法，寫一個(gè)空的li，撐起來(lái)。
回答4：沒有什么好辦法，添加額外的li來(lái)占位，等這里的li渲染完了再動(dòng)態(tài)地添加額外節(jié)點(diǎn)占位。
回答5：最后一個(gè)給他margin-left:auto;
標(biāo)簽：
CSS
上一條：javascript - input輸入框觸發(fā)change事件后，外部元素會(huì)被選中下一條：javascript - 求助一個(gè)關(guān)于indexedDB的問(wèn)題
相關(guān)文章：
1. mysql - thinkphp5 在MAC電腦本地正常，部署LINUX服務(wù)器之后，模型不存在2. 老哥們求助啊3. python執(zhí)行cmd命令，怎么讓他執(zhí)行類似Ctrl+C效果將其結(jié)束命令？4. phpadmin的數(shù)據(jù)庫(kù)，可以設(shè)置自動(dòng)變化時(shí)間的變量嗎？就是不需要接收時(shí)間數(shù)據(jù)，自動(dòng)變化5. 編輯管理員信息時(shí)，為什么沒有修改過(guò)的內(nèi)容會(huì)為空？6. PHP類封裝的插入數(shù)據(jù)，總是插入不成功，返回false；7. 這是什么情況？？？8. javascript - 百度圖片切換圖片時(shí)url會(huì)改變，但無(wú)刷新，沒用hash，IE8也支持，請(qǐng)問(wèn)是用了什么技術(shù)？9. APP上傳到電腦服務(wù)器，出現(xiàn)數(shù)據(jù)上傳不完整的問(wèn)題10. 求救一下，用新版的phpstudy，數(shù)據(jù)庫(kù)過(guò)段時(shí)間會(huì)消失是什么情況？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備