天天看點

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毛買辣條行不行,是以如果你心情還比較高興,也是可以掃碼打賞部落客(っ•̀ω•́)っ✎⁾⁾!

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

支付寶

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

微信

本文版權歸作者所有,歡迎轉載,未經作者同意須保留此段聲明,在文章頁面明顯位置給出原文連接配接

如果文中有什麼錯誤,歡迎指出。以免更多的人被誤導。