問題描述

css3中flex布局現(xiàn)在非常流行，我的項(xiàng)目中也經(jīng)常會(huì)用到，但是有時(shí)候用的時(shí)候不是很理想，想求教各位 是如何解決的？

比如我這個(gè)樣式，3行3列，非常標(biāo)準(zhǔn)，用flex也正常顯示，如圖：

display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0 .5rem;

但是，如果我去掉中間某個(gè)，就變成這樣了，如圖：

圖片中的元素并沒有左對(duì)齊，這就是使用flex的后果，所以想請(qǐng)教各位如果想用felx但是又想左對(duì)齊 ，應(yīng)該怎么解決這個(gè)問題呢，在線等?。。?/p>

問題解答

justify-content: flex-start;這樣設(shè)置可以。space-between指的是兩端對(duì)齊，當(dāng)然就是你出現(xiàn)的這種情況。給你看看比較直觀的教程。阮一峰大神的http://www.ruanyifeng.com/blo...可以直接去掉justify-content屬性，flex-start是默認(rèn)的，左對(duì)齊