CSS入门: text-align（文本对齐方式）

在CSS中，text-align属性用于控制文本的对齐方式。通过设置text-align属性，我们可以将文本水平对齐到容器的左侧、右侧、居中或两端对齐。

text-align属性的取值

text-align属性可以取以下几个值：

• left：将文本左对齐。
• right：将文本右对齐。
• center：将文本居中对齐。
• justify：将文本两端对齐。

示例

下面是一些示例，演示了text-align属性的不同取值：

左对齐

下面的例子将文本左对齐：

<p style="text-align: left;">这是左对齐的文本。</p>

右对齐

下面的例子将文本右对齐：

<p style="text-align: right;">这是右对齐的文本。</p>

居中对齐

下面的例子将文本居中对齐：

<p style="text-align: center;">这是居中对齐的文本。</p>

两端对齐

下面的例子将文本两端对齐：

<p style="text-align: justify;">这是两端对齐的文本。</p>

注意事项

需要注意的是，text-align属性只对块级元素起作用。对于内联元素，可以使用父元素的text-align属性来控制内联元素的对齐方式。

结论

text-align属性是CSS中用于控制文本对齐方式的重要属性。通过设置text-align属性，我们可以轻松地将文本水平对齐到容器的左侧、右侧、居中或两端对齐。

Summary Section

香港服务器首选后浪云，提供高性能、稳定可靠的香港服务器。您可以通过https://www.idc.net了解更多关于我们的香港服务器产品。