解決flex布局中使用 justify-content: space-between; 出現的bug

當我們使用flex布局時，會使用到平分間距 justify-content:?space-between;

就會出現下面這樣的bug

最后一排如果不滿三個div，就會這樣

這個時候，只需要在父級元素使用一個偽類就能解決 :after{content:'',flex:1;}


正常圖
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 移動開發基本知識點 一.使用rem作為單位 html { font-size: 100px; } @media(m...
    橫沖直撞666閱讀 3,512評論 0贊 6
  • H5移動端知識點總結 閱讀目錄 移動開發基本知識點 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇閱讀 4,612評論 0贊 26
  • 關于css常見問題，大多是移動端的。 簡單的排版規則：條目與條目之間空兩行，每條內容部分分段空一行。標點符號全部用...
    蘇水兒閱讀 5,044評論 0贊 9
  • 應用在父元素上-flex box 1. 模型 display: flex（盒子模型） 定義父元素為flex元素 2...
    諾CIUM閱讀 1,496評論 0贊 16
  • 利用UIColor展現 #F6F6F6 這個傳統的顏色 F6F6F6 為一個 16 進制表示的RPG顏色，所以，需...
    阿茲爾閱讀 280評論 0贊 0