属性 text-align-last CSS

Definisi dan penggunaan

Sifat text-align-last menentukan bagaimana baris terakhir teks disesuaikan.

Perhatikan bahwa sifat text-align-last menetapkan semua baris paling akhir didalam elemen yang dipilih. Jadi, jika ada tiga paragraf di dalam <div>, text-align-last akan diterapkan pada baris terakhir setiap paragraf. Jika Anda ingin menggunakan text-align-last di paragraf terakhir dalam kontainer, Anda dapat menggunakan :last child, lihat contoh di bawah ini.

Keterangan:Dalam Edge/Internet Explorer, sifat text-align-last hanya berlaku untuk teks yang memiliki "text-align: mengejutkan".

Lihat juga:

Panduan CSS:Teks CSS

Panduan HTML DOM:textAlignLast Sifat

Contoh

Selestikan baris terakhir tiga elemen <div> ini:

div.a {
  text-align: mengejutkan;  /* Bagi Edge */
  text-align-last: kanan;
}
div.b {
  text-align: justify; /* 针对 Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* 针对 Edge */ 
  text-align-last: justify;
}

亲自试一试

可以在页面下方找到更多 TIY 实例。

CSS 语法

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

属性值

值 描述
auto

默认值。每一行的对齐规则由 text-align 的值来确定。

当 text-align 的值是 justify，text-align-last 的表现和设置了 start 的表现是一样的。
left 最后一行向左对齐。
right 最后一行向右对齐。
center 最后一行居中对齐。
justify 最后一行文字的开头与内容盒的左侧对齐，末尾与右侧对齐。
start

最后一行在行起点对齐。

如果 text-direction 为从左到右，则左对齐，如果 text-direction 为从右到左，则右对齐。
end

最后一行在行末尾对齐。

如果 text-direction 为从左到右，则右对齐，如果 text-direction 为从右到左，则左对齐。
initial 将此属性设置为其默认值。参阅 initial。
inherit 从其父元素继承此属性。参阅 inherit。

技术细节

默认值： auto
继承： 是
动画制作： 不支持。请参阅：动画相关属性。
版本： CSS3
JavaScript 语法： object.style.textAlignLast="right"

更多实例

在容器中的最后一行上使用 text-align-last：

div.b p:last-child {
  text-align-last: center;
}

亲自试一试

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

带 -moz- 的数字表示使用前缀的首个版本。

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 不支持 34.0

* 在 Edge/Internet Explorer, 不支持 "start" 和 "end" 值。