// 初始左排列
.elastic-box {
display: flex;
}
// 右排列
.right-arrange {
@extend .elastic-box;
justify-content: flex-end;
}
// 垂直居中
.vertical-center {
@extend .elastic-box;
align-items: center;
}
// 分隔居中
.space-center {
@extend .elastic-box;
justify-content: space-around;
}
// 换行
.line-feed {
@extend .elastic-box;
flex-wrap: wrap;
}
// 分隔
.separate {
@extend .elastic-box;
justify-content: space-between;
}
弹性盒子自用全局样式
最新推荐文章于 2024-05-30 15:01:09 发布