Flexbox是CSS3中的一種布局模式，可以實(shí)現(xiàn)彈性盒子的布局，其中有一些屬性可以用來(lái)控制彈性盒子的布局，包括：
1.display：定義元素為彈性盒子，值為flex。
2.flex-direction：定義主軸的方向，值包括row(默認(rèn))、row-reverse、column和column-reverse。
3.justify-content：定義主軸上的對(duì)齊方式，值包括flex-start(默認(rèn))、flex-end、center、space-between、space-around和space-evenly。
4.align-items：定義交叉軸上的對(duì)齊方式，值包括stretch(默認(rèn))、flex-start、flex-end、center、baseline。
5.align-self：定義單個(gè)項(xiàng)目在交叉軸上的對(duì)齊方式，可覆蓋align-items屬性。
6.flex-wrap：定義是否換行，值包括nowrap(默認(rèn))、wrap、wrap-reverse。
7.flex-flow：定義flex-direction和flex-wrap屬性的縮寫。
8.align-content：定義多行項(xiàng)目在交叉軸上的對(duì)齊方式，值包括stretch(默認(rèn))、flex-start、flex-end、center、space-between、space-around和space-evenly。
這些屬性可以通過(guò)設(shè)置不同的值來(lái)實(shí)現(xiàn)各種不同的布局效果，可以方便地創(chuàng)建響應(yīng)式布局和移動(dòng)端頁(yè)面。
京公網(wǎng)安備 11010802030320號(hào)