/*水平居中*/ text-align: center; /*垂直居中*/ display: flex; align-items: center; /*水平垂直居中*/ display: flex; justify-content: center; align-items: center;
其中，text-align: center;实现的是水平居中，适用于单行文本或者行内元素的文本内容。可以将它应用于容器元素或者需要居中的元素。
display: flex;是CSS布局中非常流行的一种方法，它可以实现水平和垂直居中。使用align-items: center;可以垂直居中，使用justify-content: center;可以水平居中。当两个样式组合起来使用时，就可以实现水平垂直居中。
需要注意的是，这些样式仅适用于已知宽度和高度的元素。当元素的宽度和高度未知时，需要使用其他的方法来实现文本的居中。例如使用绝对定位等方法。