文章詳情頁
css3 flex三欄布局疑問
瀏覽:230日期: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. dockerfile - [docker build image失敗- npm install]2. golang - 用IDE看docker源碼時的小問題3. docker-compose中volumes的問題4. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!5. docker安裝后出現Cannot connect to the Docker daemon.6. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?7. mac里的docker如何命令行開啟呢?8. javascript - 最近用echarts做統計圖時遇到兩個問題!!9. docker內創建jenkins訪問另一個容器下的服務器問題10. docker不顯示端口映射呢?
排行榜
![dockerfile - [docker build image失敗- npm install]](http://www.b3g6.com/attached/image/news/202311/1028105a80.png)
網公網安備