CSS 中的 text-align 属性

在 CSS 中，text-align 属性用于指定文本内容在其容器中的水平对齐方式。这个属性可以用于任何块级元素和内联元素。

语法

text-align: left|right|center|justify|initial|inherit;

• left：使文本内容在容器左侧对齐
• right：使文本内容在容器右侧对齐
• center：使文本内容在容器中间对齐
• justify：使文本内容两端对齐，但是会在行末增加额外的空格
• initial：将属性设置为其默认值
• inherit：从父元素继承该属性值

示例

以下示例将 text-align 属性应用于一个段落元素：

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

区别

注意 text-align 属性只会影响文本内容水平的对齐，而不影响其垂直对齐。如果需要进行垂直方向上的对齐，需要使用其他属性，例如 vertical-align。

另外需要注意的是，对于一些特殊的容器元素，例如 table，需要使用 text-align 属性的另一个变体，text-align-last，来控制最后一行文本的对齐方式。