属性 | 描述 | 取值 |
---|---|---|
display | 指定HTML元素盒子类型 |
|
flex-direction | 指定弹性容器中子元素的排列方式 |
|
justify-content | 设置弹性盒子元素在主轴(横轴)方向上的对齐方式 |
|
align-items | 设置弹性盒子元素在侧轴(纵轴)方向上的对齐方式 |
|
flex-wrap | 用于指定弹性盒子的子元素的换行方式 |
|
align-content | 用于修改flex-wrap属性的行为。类似于align-items,但它不是设置弹性子元素的对齐,而是设置各个行的对齐 |
|
order | 设置弹性盒子的子元素的排列顺序 | <integer>:用整数值来定义排列顺序,数值小的排在前面。可以为负值 |
margin | 对齐 | auto:是弹性子元素在弹性容器的量上轴方向都完全居中 |
align-self | 在弹性子元素上使用。覆盖容器的align-items属性 |
|
flex | 设置弹性盒子的子元素如何分配空间,该属性是是flex-grow、flex-shrink、flex-basis三属性的简写总和。 |
|