1. 程式人生 > 其它 >justify-content: space-between能夠對齊的解決辦法

justify-content: space-between能夠對齊的解決辦法

解決辦法一

.main{
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
}
.son{
  width:100px
}
//利用偽類after來處理,寬度與子元素寬度一致
//但是專業那個方式值有些時候可以,有些時候仍然不行
.main:after {
    content: "";
    width: 100px;
}

解決辦法二

最後一行差幾個進填充幾個,這樣方式使用的人很多。
我個人也推薦這種。優先使用第一種方式
作者:明月人倚樓
出處:
https://www.cnblogs.com/IwishIcould/

想問問題,打賞了卑微的博主,求求你備註一下的扣扣或者微信;這樣我好聯絡你;(っ•̀ω•́)っ✎⁾⁾!

如果覺得這篇文章對你有小小的幫助的話,記得在右下角點個“推薦”哦,或者關注博主,在此感謝!

萬水千山總是情,打賞5毛買辣條行不行,所以如果你心情還比較高興,也是可以掃碼打賞博主(っ•̀ω•́)っ✎⁾⁾!

想問問題,打賞了卑微的博主,求求你備註一下的扣扣或者微信;這樣我好聯絡你;(っ•̀ω•́)っ✎⁾⁾!

支付寶 微信 本文版權歸作者所有,歡迎轉載,未經作者同意須保留此段宣告,在文章頁面明顯位置給出原文連線
如果文中有什麼錯誤,歡迎指出。以免更多的人被誤導。