文章詳情頁
css3 flex三欄布局疑問
瀏覽:237日期:2023-08-13 14:38:30
問題描述
css3中flex布局現(xiàn)在非常流行,我的項目中也經(jīng)常會用到,但是有時候用的時候不是很理想,想求教各位 是如何解決的?
比如我這個樣式,3行3列,非常標(biāo)準(zhǔn),用flex也正常顯示,如圖:

display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0 .5rem;
但是,如果我去掉中間某個,就變成這樣了,如圖:

圖片中的元素并沒有左對齊,這就是使用flex的后果,所以想請教各位如果想用felx但是又想左對齊 ,應(yīng)該怎么解決這個問題呢,在線等!!!
問題解答
回答1:justify-content: flex-start;這樣設(shè)置可以。space-between指的是兩端對齊,當(dāng)然就是你出現(xiàn)的這種情況。給你看看比較直觀的教程。阮一峰大神的http://www.ruanyifeng.com/blo...可以直接去掉justify-content屬性,flex-start是默認的,左對齊
標(biāo)簽:
CSS
相關(guān)文章:
1. python小白 自學(xué)看書遇到看不懂的地方2. javascript - avalon.js ms-on 事件綁定無效 ?3. javascript - vue中使用prop傳遞數(shù)據(jù)問題4. javascript - 連續(xù)點擊觸發(fā)mouseleave事件5. php對mysql提取數(shù)據(jù)那種速度更快6. DADB.class.php文件的代碼怎么寫7. shell - mysql更新錯誤8. javascript - immutable配合react提升性能?9. mysql - 在log日志中已知用戶的某一步操作,如何獲取其上一步操作?10. 網(wǎng)頁爬蟲 - 如何使用使用java抓取信息并制作一個排名系統(tǒng)?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備