24 lines
440 B
Markdown
24 lines
440 B
Markdown
# flex学习
|
||
|
||
## 分类
|
||
|
||
display: flex; 加在父元素上
|
||
|
||
- 1：用在父元素身（6个）
|
||
|
||
justify-content: 决定元素在x轴的对齐方式
|
||
|
||
align-items：决定元素在y轴的对齐方式
|
||
|
||
flex-wrap: 决定元素是否换行
|
||
|
||
flex-direction：决定元素的排列方向
|
||
|
||
|
||
- 2：用在子元素上（6个）
|
||
|
||
order: 数值越小，元素越靠前
|
||
flex-grow：定义元素的放大比例
|
||
flex-shrink：定义元素的缩小比例
|
||
|