.center-element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.center-container {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.center-container {
display: grid;
place-items: center;
}
这些方法都可以实现水平和垂直居中的效果,您可以根据需要选择一种方法使用。