flex佈局中的algin-items 與align-content

林汉州win發表於2024-11-22

一句話概括
aligin-content與align-items的區別:
align-items: center; 各自行垂直居中;
align-content: center; 多行一起整體垂直居中;(多行,因此必須多行的時候使用才會有這個屬性的作用,否則顯示效果和align-items是一樣的。交叉軸(垂直)居中)

注意以上提到的垂直(或者說交叉軸其實不一定是垂直方向,適合flex-direction屬性是按row行排列還是column排列決定的。)

相關文章