CSS 文字對齊
文字對齊和文字方向
在本章中，您將學習以下屬性
text-aligntext-align-lastdirectionunicode-bidivertical-align
文字對齊
text-align 屬性用於設定文字的水平對齊方式。
文字可以左對齊、右對齊、居中對齊或兩端對齊。
以下示例顯示了居中對齊、左對齊和右對齊的文字（如果文字方向是從左到右，則預設左對齊；如果文字方向是從右到左，則預設右對齊）
當 text-align 屬性設定為 "justify" 時，每一行都會被拉伸，使得每一行寬度相等，左右邊距都是直的（就像雜誌和報紙一樣）
文字末行對齊
text-align-last 屬性指定文字的最後一行如何對齊。
示例
對齊三個 <p> 元素中的最後一行文字
p.a {
text-align-last: right;
}
p.b {
text-align-last: center;
}
p.c {
text-align-last: justify;
}
自己動手試一試 »
文字方向
direction 和 unicode-bidi 屬性可用於更改元素的文字方向
垂直對齊
vertical-align 屬性設定元素的垂直對齊方式。
示例
設定影像在文字中的垂直對齊方式：
img.a {
vertical-align: baseline;
}
img.b {
vertical-align: text-top;
}
img.c {
vertical-align: text-bottom;
}
img.d {
vertical-align: sub;
}
img.e {
vertical-align: super;
}
自己動手試一試 »
CSS 文字對齊/方向屬性
| 屬性 | 描述 |
|---|---|
| direction | 指定文字方向/書寫方向 |
| text-align | 指定文字的水平對齊方式 |
| text-align-last | 指定文字最後一行如何對齊 |
| unicode-bidi | 與 direction 屬性一起使用，以設定或返回文字是否應被覆蓋以支援同一文件中的多種語言 |
| vertical-align | 設定元素的垂直對齊方式 |
