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号