flex布局快速使用 基础布局包

.flex { display: flex; }
.flex-full { flex: 1; }
.flex-col { display: flex; flex-direction: column; }
.flex-row { display: flex; flex-direction: row; }
.flex-center { align-items: center; justify-content: center; }

.flex-around { justify-content: space-around; }
.flex-between { justify-content: space-between; }
.flex-start { justify-content: flex-start; }
.flex-end { justify-content: flex-end; }