html弹性布局详细属性

HTML弹性布局的主要属性是flexbox布局，包括以下属性：

1. display: flex;
将容器设置为flexbox布局，使容器内的元素按照flexbox布局排列。

2. flex-direction:
指定flex容器内元素的排列方向，可以设置为row、row-reverse、column、column-reverse四个值。默认值为row。

3. justify-content:
指定flex容器内元素在主轴上的对齐方式，可以设置为flex-start、flex-end、center、space-between、space-around、space-evenly六个值。默认值为flex-start。

4. align-items:
指定flex容器内元素在交叉轴上的对齐方式，可以设置为flex-start、flex-end、center、baseline、stretch五个值。默认值为stretch。

5. align-content:
指定多行flex容器内元素在交叉轴上的对齐方式，可以设置为flex-start、flex-end、center、space-between、space-around、stretch六个值。默认值为stretch。

6. flex-wrap:
指定flex容器内元素是否换行，可以设置为nowrap、wrap、wrap-reverse三个值。默认值为nowrap。

7. flex-flow:
综合设置flex-direction和flex-wrap两个属性，可以缩短CSS代码。

8. order:
指定flex容器内元素的排列顺序，值越小越靠前，默认值为0。

9. flex-grow:
指定flex容器内元素的放大比例，值越大宽度越宽，默认值为0。

10. flex-shrink:
指定flex容器内元素的缩小比例，值越大宽度越窄，默认值为1。

11. flex-basis:
指定flex容器内元素的基准宽度，可以设置为auto或具体数值，默认值为auto。

12. flex:
综合设置flex-grow、flex-shrink和flex-basis三个属性，可以缩短CSS代码。例如：flex: 1 0 auto;。

以上是常用的flexbox布局属性，可以根据需要灵活使用。