.box{
display:flex; /*彈性盒子*/
justify-content: space-between; /*兩端對齊，子元素之間有間隙*/
flex-flow: row wrap;/*子元素溢出父容器時換行*/
}
你的排版是這樣的
解決方法：追加一個空的子元素，子元素寬度保持一致
.box:after {content: ""; width: 100px; }
space-around設置同理
解決display:flex屬性 justify-content: space-between和space-around換行后的排版問題
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
display:flex屬性 justify-content: space-between換行后的排版問題
flex justify-content：space-around justify-content：space-between 布局區別
01-CSS3-justify-content: space-around; justify-content: space-between;
解決 display: flex; justify-content: space-between;的布局位置錯亂問題
解決彈性布局使用justify-content:space-between后最后一行多個元素排版問題
display：flex; justify-content:space-between; 最后一行顯示內容無法靠左顯示
flex 布局下 space-between/space-around 的使用
解決justify-content:space-between 2個元素兩端分布的問題
space-between與space-around的區別
flex布局使用justify-content: space-between 當為兩個內容時中間被空出的解決方案