.display-flex {
    display: flex;
}

.flex-wrap-wrap{
    flex-wrap: wrap;
}

/*排列方向*/
.flex-direction-column{
    flex-direction: column;
}

/*水平排列*/
.justify-content-center{
   justify-content: center;
}

.justify-content-flex-end{
   justify-content: flex-end;
}

.justify-content-space-between{
   justify-content: space-between;
}

.justify-content-space-around{
    justify-content: space-around;
}
   
/*垂直排列*/
.align-items-center{
    align-items: center;
}

.align-items-flex-end{
    align-items: flex-end;
}

.align-items-space-between{
    align-items: space-between;
}

/*多轴对齐*/
.align-content-space-between{
   align-content: space-between;
}

/*项目排列*/
.align-self-center{
   align-self: center;
}

.align-self-flex-end{
   align-self: flex-end;
}