HTML 实现块中文字上下左右居中

上面的代码中，使用了 flex 布局，通过设置 display: flex，使父元素成为 flex 容器。然后通过设置 justify-content: center; align-items: center; 使子元素在水平和垂直方向上都居中对齐。

在子元素中，通过设置 text-align: center; 让文字水平居中。这样，文字就可以实现上下左右都居中了。