flex 布局導致子項高度相同,如何解決


原因:Flex 布局的默認設置為:

    把所有子項變成水平排列。
    默認不自動換行。
    讓子項與其內容等寬,並把所有子項的高度變為最高子項的高度。

 

解決方法:

直接在flex容器上,將align-items設為 flex-start,或者align-items屬性的其他值都可以,子項就會保持其自身的高度了。

如果是使用了flex-wrap,則應該使用align-content,而不是align-items


免責聲明!

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



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