文本对齐设置方法详解与实例
时间：2026-04-21 13:25:39 308浏览 收藏
本文深入解析了CSS中text-align属性的正确用法与常见误区，系统讲解了如何通过内联样式、类选择器和外部CSS等方式实现文本的左对齐、右对齐、居中对齐及两端对齐，并特别强调其仅作用于块级元素内的行内内容、不支持垂直居中、对浮动元素无效等关键限制；同时澄清了表格单元格需单独设置对齐、继承机制的特殊性，以及数字列右对齐、标题居中等实用排版习惯，帮助开发者避开初学高频坑点，写出更健壮、可维护的样式代码。
用 text-align 控制段落和块级元素的水平对齐
HTML 本身没有直接设置文本对齐的属性，必须靠 CSS 的 常见写法是加在 text-align。它只对块级元素（比如 、、）生效，对纯文本或行内元素（如 ）设了也没用——除非那个 被设成了 display: block。