0
我只是將自己介紹到flexbox和從我的理解,如果我有一個flex
家長,然後我可以調整家長的子女單行與align-items
規則。但是,我的孩子們並沒有像這裏看到的那樣改變它們的對齊方式:https://jsfiddle.net/b9L09gsa/彈性盒兒童不對齊底部(彈性端)
內容保持在頂部而不是像我想的那樣在底部。這個想法是讓徽標div和導航項目整齊排列在底部。顯然我不明白,任何幫助都會很棒!
我只是將自己介紹到flexbox和從我的理解,如果我有一個flex
家長,然後我可以調整家長的子女單行與align-items
規則。但是,我的孩子們並沒有像這裏看到的那樣改變它們的對齊方式:https://jsfiddle.net/b9L09gsa/彈性盒兒童不對齊底部(彈性端)
內容保持在頂部而不是像我想的那樣在底部。這個想法是讓徽標div和導航項目整齊排列在底部。顯然我不明白,任何幫助都會很棒!
您需要的柔性容器,不是Flex項目上這些屬性:
#nav-contain {
display:flex;
justify-content: flex-end;
align-items: flex-end;
}
#logo, .nav-item-contain {
flex-grow: 1;
}
https://jsfiddle.net/b9L09gsa/1/
要覆蓋單個柔性項目,使用align-self
代替:
#nav-contain {
display:flex;
justify-content: flex-end;
}
#logo, .nav-item-contain {
flex-grow: 1;
align-self: flex-end;
}
有用的參考我回頭看t o不斷是[Flexbox完整指南](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) – Blazemonger