align-items和justify-content都是彈性盒子布局里常用的兩種對齊方式,我們來說說它們的區(qū)別
align-items屬性定義flex子項在flex容器的當(dāng)前行的側(cè)軸(縱軸)方向上的對齊方式,有以下值:stretch、center、flex-start、flex-end、baseline。
justify-content 用于設(shè)置或檢索彈性盒子元素在主軸(橫軸)方向上的對齊方式,有以下值:flex-start、flex-end、center、space-between、apace-around,而在寫彈性盒子布局時,用得比較多的是space-between和center。