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

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

圖片中的元素并沒有左對齊,這就是使用flex的后果,所以想請教各位如果想用felx但是又想左對齊 ,應該怎么解決這個問題呢,在線等!!!
問題解答
回答1:justify-content: flex-start;這樣設置可以。space-between指的是兩端對齊,當然就是你出現的這種情況。給你看看比較直觀的教程。阮一峰大神的http://www.ruanyifeng.com/blo...可以直接去掉justify-content屬性,flex-start是默認的,左對齊
標簽:
CSS
相關文章:
1. boot2docker無法啟動2. docker-compose中volumes的問題3. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””4. docker安裝后出現Cannot connect to the Docker daemon.5. java - SSH框架中寫分頁時service層中不能注入分頁類6. docker網絡端口映射,沒有方便點的操作方法么?7. nignx - docker內nginx 80端口被占用8. javascript - mock.js可以存儲數據嗎9. node.js - antdesign怎么集合react-redux對input控件進行初始化賦值10. java - Spring事務回滾問題
排行榜

網公網安備