例如：

p {
  text-align: center;
}

这段代码会让段落中的文本在页面上居中显示。

二、text-align 的常见取值

text-align 属性支持多种对齐方式，常见的有以下几种：

left：文本左对齐，这是默认值。

right：文本右对齐。

center：文本居中对齐。

justify：文本两端对齐，即左右两边都对齐，适合长段落排版。

start：根据书写方向从起始位置对齐（如从左到右则为左对齐）。

end：根据书写方向从结束位置对齐（如从左到右则为右对齐）。

这些值可以根据实际需求灵活使用，以适应不同语言和布局风格。

三、text-align 在不同场景下的应用

1. 居中对齐标题或按钮

在网页设计中，常需要将标题或按钮居中显示，以提升整体美观度。例如：

h1 {
  text-align: center;
}

这样可以让标题在页面中居中显示，增强视觉中心感。

1. 段落文本的两端对齐

对于较长的段落，使用 justify 可以使文本看起来更加整齐、专业。例如：

p {
  text-align: justify;
}

但需要注意，如果段落末尾只有一个字，可能会出现“孤行”现象，可以通过 CSS 控制解决。

1. 右对齐导航栏或菜单项

在一些设计中，导航栏或菜单项可能需要右对齐，以便与左侧内容形成对比。例如：

nav li {
  text-align: right;
}

这种方式可以提升界面的层次感和可读性。

1. 多语言支持与国际化布局

在支持多语言的网站中，start 和 end 值可以自动适配不同语言的阅读方向。例如，在阿拉伯语环境中，start 会表现为右对齐，而 end 则为左对齐。

四、text-align 与其他属性的配合使用

text-align 通常与其他 CSS 属性结合使用，以实现更复杂的排版效果：

1. 与 flex 布局结合：在 Flex 容器中，text-align 无法直接控制子元素的对齐方式，但可以通过 align-items 或 justify-content 实现类似效果。

2. 与 padding 和 margin 结合：通过调整元素的边距，可以进一步优化文本的视觉效果，例如增加上下边距使文本更易读。

3. 与 font-size 和 line-height 配合：合理设置字体大小和行高，可以使对齐后的文本更加协调美观。

五、注意事项与常见问题

1. 仅控制文本对齐，不影响元素本身

text-align 只会影响文本内容的对齐方式，不会改变元素本身的定位或布局。如果希望元素自身居中，应使用 margin: 0 auto; 或 Flex 布局。

1. 避免过度使用 justify 导致格式混乱

justify 虽然美观，但在某些情况下可能导致文字间距不均，尤其是短句或单行文本时，建议谨慎使用。

1. 注意浏览器兼容性

尽管大多数现代浏览器都支持 text-align 的各种取值，但在旧版本浏览器中可能存在差异，建议进行测试。

text-align 是 CSS 中一个简单却功能强大的属性，能够有效控制文本的水平对齐方式，提升网页的整体美观性和可读性。通过合理选择对齐方式，结合其他 CSS 属性，可以实现多样化的排版效果。无论是简单的居中标题，还是复杂的两端对齐段落，text-align 都能提供灵活的解决方案。在实际开发中，理解并熟练运用 text-align，有助于打造更专业、更友好的用户界面。