flex布局,最后一行左對齊


擁抱flex

網上查找資料解決辦法都是操作數據,個人感覺css問題還是用css來解決(當然問題不同,解決方案不同,這里只是針對某個問題的解決方法,不能解決所有問題,大家視情況而定,如果還是不行歡迎溝通。)

父級css屬性:

因為justify-content: flex-start;為默認屬性,所以只需要設置為flex布局,換行;

子集css屬性:

需要設置width為百分比,而不用flex來設置寬。因為如果用flex的話,最后一行只有一個元素(只要少於倒數第二行元素數)會平分整行。而百分比設置width的話,會按照父級的jusitify-content屬性布局。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM