flex布局常用属性

        主要用于设置元素居中，抽取css类备用

.flex{
    display: flex;
}

.flex-1{
    flex:1
}

.flex-2{
    flex:2
}

.flex-direction{
    display: flex;
    flex-direction: column;
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-around{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

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

.center{
    text-align: center;
}

.w-60{
    width: 60px;
}