2、使用CSS的textalign属性

使用CSS的textalign属性可以轻松地将文本内容居中，需要在HTML文件中添加一个

这是一段居中的文本。

在这个示例中，我们创建了一个名为.center的CSS类，并将其应用于一个

元素，通过设置textalign: center;，我们可以使该元素内的文本内容居中显示。

3、使用CSS的margin: auto;属性

另一种将文本内容居中的方法是使用CSS的margin: auto;属性，这种方法特别适用于将块级元素（如

、

等）居中。

这是一段居中的文本。

在这个示例中，我们将.center类的宽度设置为50%，并将左右外边距设置为自动，这样，该元素就会在其容器内水平居中，我们还设置了textalign: center;以使文本内容也居中显示。

4、使用flexbox布局

使用CSS的flexbox布局可以轻松地将文本内容和块级元素垂直和水平居中。

这是一段居中的文本。

在这个示例中，我们首先在body元素上启用了flexbox布局，并设置了justifycontent: center;和alignitems: center;以实现水平和垂直居中，我们还设置了height: 100vh;以使body占据整个视口高度，并移除了其默认的边距，我们将居中的文本放入一个带有.center类的

元素中。