IDCF FDCC认证 训练营 笔记全

// 剩余空间分配
.fg1 {
flex-grow: 1;
}

.fg2 {
flex-grow: 2;
}

// 纵向排列
// 所有元素垂直居中
.fdcc {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

// 单个组合模式:
// 进入弹性布局模式:
.flex {
display: flex;
}

// 默认情况下就是这个垂直靠左
.fdc {
display: flex;
flex-direction: column;
}

// 原点
.jc-start {
justify-content: flex-start;
}