使用彈性布局實現文本右對齊


首先父元素肯定時先使用彈性布局,並設置wrap屬性使其自動折行

  .flexContainer {
    display: flex !important;
    flex-wrap: wrap;
  }

首先使用彈性布局對子元素進行平均划分,使他們的高寬相等可以,然后設置text-align進行右對齊即可(注意:子元素的內容范圍不能超出平均分配的空間)

  .flexElement {
    width: 33%;
    height: 60px;
    text-align: end;
  }

 

 


免責聲明!

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



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