css盒子上下左右居中

很简单，在盒子的样式中加入以下代码即可：

display: flex;
justify-content: center;
align-items: center;

这样，盒子就会水平居中了。如果要垂直居中，可以使用 vertical-align: middle;。

如果你想让盒子居中，但是又不想使用flex布局，你可以使用绝对定位：

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

这样盒子就会居中了。

另外，如果你想让文本居中，你可以使用 text-align: center;。