CSS text-align 屬性
示例
為不同的 <div> 元素設定文字對齊方式
div.a {
text-align: center;
}
div.b {
text-align: left;
}
div.c {
text-align: right;
}
div.c {
text-align: justify;
}
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
text-align 屬性規定元素中文字的水平對齊方式。
| 預設值 | 如果方向是 ltr，則為 left，如果方向是 rtl，則為 right |
|---|---|
| 繼承 | 是 |
| 可動畫 | 否。 閱讀關於可動畫屬性 |
| 版本 | CSS1 |
| JavaScript 語法 | object.style.textAlign="right" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS 語法
text-align: left|right|center|justify|initial|inherit;
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| left | 文字左對齊 | 演示 ❯ |
| right | 將文字右對齊 | 演示 ❯ |
| center | 文字居中 | 演示 ❯ |
| 兩端對齊 | 將行拉伸，使每行具有相等的寬度（如報紙和雜誌中的文字） | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
更多示例
示例
另一個 text-align 示例
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
}
自己動手試一試 »
相關頁面
CSS 教程：CSS 文字對齊
HTML DOM 參考：textAlign 屬性
