justify-content: space-between能夠對齊的解決辦法
阿新 • • 發佈:2021-10-18
解決辦法一
.main{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.son{
width:100px
}
//利用偽類after來處理,寬度與子元素寬度一致
//但是專業那個方式值有些時候可以,有些時候仍然不行
.main:after {
content: "";
width: 100px;
}
解決辦法二
最後一行差幾個進填充幾個,這樣方式使用的人很多。
我個人也推薦這種。優先使用第一種方式
作者:明月人倚樓 出處:
想問問題,打賞了卑微的博主,求求你備註一下的扣扣或者微信;這樣我好聯絡你;(っ•̀ω•́)っ✎⁾⁾!
如果覺得這篇文章對你有小小的幫助的話,記得在右下角點個“推薦”哦,或者關注博主,在此感謝!
萬水千山總是情,打賞5毛買辣條行不行,所以如果你心情還比較高興,也是可以掃碼打賞博主(っ•̀ω•́)っ✎⁾⁾!
想問問題,打賞了卑微的博主,求求你備註一下的扣扣或者微信;這樣我好聯絡你;(っ•̀ω•́)っ✎⁾⁾!
如果文中有什麼錯誤,歡迎指出。以免更多的人被誤導。