ClassContent/历届学生/韩想/每日课程/202-07-31/flex.md

flex学习

分类

display: flex; 加在父元素上

• 1：用在父元素身（6个）

justify-content: 决定元素在x轴的对齐方式

align-items：决定元素在y轴的对齐方式

flex-wrap: 决定元素是否换行

flex-direction：决定元素的排列方向

• 2：用在子元素上（6个）

order: 数值越小，元素越靠前 flex-grow：定义元素的放大比例 flex-shrink：定义元素的缩小比例