原因:Flex 布局的默認設置為:
把所有子項變成水平排列。
默認不自動換行。
讓子項與其內容等寬,並把所有子項的高度變為最高子項的高度。
解決方法:
直接在flex容器上,將align-items設為 flex-start,或者align-items屬性的其他值都可以,子項就會保持其自身的高度了。
如果是使用了flex-wrap,則應該使用align-content,而不是align-items
原因:Flex 布局的默認設置為:
把所有子項變成水平排列。
默認不自動換行。
讓子項與其內容等寬,並把所有子項的高度變為最高子項的高度。
解決方法:
直接在flex容器上,將align-items設為 flex-start,或者align-items屬性的其他值都可以,子項就會保持其自身的高度了。
如果是使用了flex-wrap,則應該使用align-content,而不是align-items
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。