CSS | text-align Property

CSS text-align 属性用于控制块级元素中文本内容的水平对齐方式。

语法

selector {
  text-align: value;
}

可选值

• left：左对齐。
• right：右对齐。
• center：居中对齐。
• justify：两端对齐。
• initial：初始值。等同于 text-align: left;。
• inherit：继承值。

使用示例

p {
  text-align: center;
}

以上代码将使所有 p 元素的文本内容居中对齐。

注意事项

• text-align 属性只能控制块级元素中文本内容的水平对齐方式。当应用于非块级元素时，需先将其转换为块级元素。
• justify 对于中英文混排的文本对齐效果较好，但是对于英文对齐效果可能会让排版显示不够美观。
• text-align 可以与 vertical-align 属性实现文本在盒子中的垂直对齐。
• 非自然语言（例如编程代码）的文本不建议使用 justify 显示。