CSS | text-align-last 属性

text-align-last 属性用于设置块级容器的最后一行文本的对齐方式。

语法

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

• auto: 采用慣性對齊，即如果在前面的文本區塊中使用了文本對齊，它們在最後一行也會重複進行使用。
• left: 左对齐。
• right: 右对齐。
• center: 居中对齐。
• justify: 两端对齐。
• start: 结合语言方向，例如英文为左对齐，阿拉伯文为右对齐。
• end: 结合语言方向，例如英文为右对齐，阿拉伯文为左对齐。

适用范围

text-align-last 属性适用于块级元素，比如 <p> , <div> , <h1> - <h6>，还有其他像 <li> 和 <dt> 等在生成元素中自动成为块级元素的标签。

实例

p{
  width: 200px;
  border: 1px solid gray;
  padding: 10px;
  text-align: justify; /* 多行文本对齐 */
  text-align-last: center; /* 最后一行文本居中对齐 */
}

浏览器支持

text-align-last 属性基本被所有主流浏览器所支持，但是要注意的是它并不是一个CSS规范，在HTML5和CSS3中都不存在该属性的定义和规范。

注意事项

• text-align-last 属性不应用于单行文本。
• 如果块级元素内只有一行文本，则无论 text-align-last 属性的值是什么，都将自动居中对齐。
• 如果使用了 ::first-line 选择器对第一行文本设置了样式，则 text-align-last 属性对其不起作用。