Flex布局是一種用于Web頁面中的彈性盒子布局模型，它通過在容器上設置一系列的屬性，來控制其內部元素的排列方式和空間分配。以下是一些常見的Flex布局父項屬性：
1.display: 設置元素的布局模式，可以取值為、等。flex inline-flex
2.flex-direction: 設置主軸的方向，可以取值為(默認)、、、等。row row-reverse column column-reverse
3.flex-wrap: 設置是否換行，可以取值為(默認)、、等。nowrap wrap wrap-reverse
4.justify-content: 設置主軸上的對齊方式，可以取值為(默認)、、、、等。flex-startflex-end center space-between space-around
5.align-items: 設置交叉軸上的對齊方式，可以取值為(默認)、、、、等。stretch flex-startflex-end center baseline
6.align-content: 當容器內有多行元素時，設置交叉軸上的對齊方式，可以取值為(默認)、、、、、等。stretch flex-start flex-end centerspace-between space-around
通過這些屬性的組合使用，可以實現各種復雜的布局效果，提高頁面的靈活性和可維護性。
京公網安備 11010802030320號