text-align-last 最后一行对齐属性
最后更新：2026-09-13
text-align-last text-align-last 最后一行对齐属性
text-align-last 属性用于设置块级元素内最后一行的对齐方式，常与 text-align: justify 配合使用。默认情况下，text-align 的对齐规则不作用于段落的最后一行，通过 text-align-last 可以单独控制最后一行的对齐效果，让两端对齐的排版更加灵活美观。
| 分类 | |
|---|---|
| 初始值 | auto |
| 继承 | 是 |
| 适用于 | |
| 可动画 | |
| CSS 版本 | CSS3 |
| 状态 | 标准 |
📝 语法
text-align-last: auto | start | end | left | right | center | justify;⚙️ 取值
| 值 | 类型 | 描述 |
|---|---|---|
auto | start | end | left | right | center | justify | 关键字 | 最后一行对齐方式 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| text-align-last | ✓ v43 | ✓ v12 | ✓ v49 | ✓ v9 | ✓ v30 |
| 所有主流浏览器均支持 | |||||
提示： auto 表示最后一行的对齐方式跟随 text-align 的值；如果 text-align 是 justify，则最后一行为左对齐。
注意： text-align-last 需要元素有多行文本才能看到效果，单行文本不会产生任何变化。
❓ 常见问题
Qtext-align-last 和 text-align 有什么关系？
Atext-align 控制除最后一行外所有行的对齐方式，text-align-last 专门控制最后一行的对齐方式。两者配合可以实现更精细的排版效果。
Q为什么我的 text-align-last 没有生效？
A请检查元素是否有多行文本，以及 text-align 是否设置为 justify。如果文本只有一行，text-align-last 不会产生可见效果。
Q如何让段落的最后一行居中？
A先设置 text-align: justify 使整体两端对齐，再设置 text-align-last: center 让最后一行单独居中。注意它只在多行文本上生效，单行文本直接使用 text-align: center 即可。
🏷️ 相关属性
💡 相关案例
📚 相关教程
