CSS text-align-last 屬性
示例
對三個 <div> 元素中的文字的最後一行進行對齊
div.a {
text-align: justify; /* For Edge */
text-align-last: right;
}
div.b {
text-align: justify; /* For Edge */
text-align-last: center;
}
div.c {
text-align: justify; /* For Edge */
text-align-last: justify;
}
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
text-align-last 屬性規定如何對齊文字的最後一行。
請注意，text-align-last 屬性設定的是所選元素內所有最後行的對齊方式。因此，如果你有一個包含三個段落的 <div>，text-align-last 將應用於每個段落的最後一行。要僅將 text-align-last 用於容器中的最後一個段落，可以使用 :last-child，請參閱下面的示例。
注意： 在 Edge 79 之前的版本中，text-align-last 屬性僅對設定為 "text-align: justify" 的文字有效。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| text-align-last | 47 | 12 | 49.0 | 16 | 34 |
CSS 語法
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
屬性值
| 值 | 描述 | 試一試 |
|---|---|---|
| auto | 預設值。最後一行被兩端對齊並向左對齊。 | 演示 ❯ |
| left | 最後一行向左對齊 | 演示 ❯ |
| right | 最後一行向右對齊 | 演示 ❯ |
| center | 最後一行居中對齊 | 演示 ❯ |
| 兩端對齊 | 最後一行與其餘行一樣進行兩端對齊 | 演示 ❯ |
| start | 最後一行在行開頭處對齊（如果 text-direction 是 left-to-right，則為左對齊；如果 text-direction 是 right-to-left，則為右對齊） | 演示 ❯ |
| end | 最後一行在行末尾處對齊（如果 text-direction 是 left-to-right，則為右對齊；如果 text-direction 是 right-to-left，則為左對齊） | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
更多示例
相關頁面
CSS 教程：CSS 文字對齊
HTML DOM 參考：textAlignLast 屬性
