如何設(shè)置CSS使上下居中？

通常情況下，在HTML中，我們會用到
標(biāo)簽來包裹需要居中的元素，如下所示：
<div class="center">
居中內(nèi)容
</div>
然后，在CSS中，我們可以通過以下兩種方式來設(shè)置上下居中：
1. 使用flex布局
.center {
display: flex;
justify-content: center;
align-items: center;
}
2. 使用position和transform
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}