首先父元素肯定時先使用彈性布局,並設置wrap屬性使其自動折行
.flexContainer { display: flex !important; flex-wrap: wrap; }
首先使用彈性布局對子元素進行平均划分,使他們的高寬相等可以,然后設置text-align進行右對齊即可(注意:子元素的內容范圍不能超出平均分配的空間)
.flexElement { width: 33%; height: 60px; text-align: end; }
首先父元素肯定時先使用彈性布局,並設置wrap屬性使其自動折行
.flexContainer { display: flex !important; flex-wrap: wrap; }
首先使用彈性布局對子元素進行平均划分,使他們的高寬相等可以,然后設置text-align進行右對齊即可(注意:子元素的內容范圍不能超出平均分配的空間)
.flexElement { width: 33%; height: 60px; text-align: end; }
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。