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

.fg2 {
flex-grow: 2;
}

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

// 單個組合模式:
// 進(jìn)入彈性布局模式:
.flex {
display: flex;
}

// 默認(rèn)情況下就是這個垂直靠左
.fdc {
display: flex;
flex-direction: column;
}

// 原點(diǎn)
.jc-start {
justify-content: flex-start;
}

?