CSS text-align-last 屬性

定義和用法

text-align-last 屬性規定如何對齊文本的最后一行。

請注意，text-align-last 屬性設置的是被選元素內的所有最末行。所以，如果一個 <div> 中有三個段落，text-align-last 會應用于每段的最后一行。如需在容器中的最后一段上使用 text-align-last，您可使用 :last child，請看下面的例子。

注釋：在 Edge/Internet Explorer 中，text-align-last 屬性僅適用于具有 "text-align: justify" 的文本。

另請參閱：

CSS 教程：CSS 文本

HTML DOM 參考手冊：textAlignLast 屬性

實例

對齊三個 <div> 元素中的最后一行：

div.a {
  text-align: justify;  /* 針對 Edge */
  text-align-last: right;
}
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" 值。