只有左上角1个点的情况。Flex布局默认就是首行左对齐
.box {
display: flex;
}
设置项目的对齐方式,就能实现居中对齐和右对齐
.box {
display: flex;
justify-content: center;
}
.box {
display: flex;
justify-content: flex-end;
}
设置交叉轴对齐方式
.box {
display: flex;
align-items: center;
}
.box {
display: flex;
justify-content: center;
align-items: center;}