CSS 中心文本 - HTML

简介

在网页开发中，我们经常会需要将文本居中对齐。使用 CSS，我们可以很容易地将文本水平和垂直居中对齐。

实现方法

要实现 CSS 居中文本，我们可以使用以下两种方法。

方法一：使用 text-align 属性

我们可以使用 text-align 属性将文本水平居中对齐。将该属性的值设置为 'center' 即可实现居中对齐。

例如，以下代码可以将 div 元素内的文本水平居中对齐：

<div style="text-align: center;">Hello World</div>

方法二：使用 display 和 margin 属性

我们可以使用 display 和 margin 属性将文本水平和垂直居中对齐。

1. 首先，我们可以将元素的 display 属性值设置为 'flex'，使它成为一个弹性容器。

2. 然后，我们将元素内部内容的 margin 属性值设置为 'auto'，即可将其自动居中对齐。

例如，以下代码可以将 div 元素内的文本水平和垂直居中对齐：

<div style="display: flex; justify-content: center; align-items: center;">
  <p style="margin: auto;">Hello World</p>
</div>

总结

通过以上两种方法，我们可以很容易地将文本居中对齐。使用哪种方法取决于具体情况，选择合适的方法可以使代码更加简洁优雅。