网站制作时如何让一个元素上下左右都居中

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