CSS text-align 屬性
實(shí)例
h1, h2, 和 h3元素設(shè)置文本的對(duì)齊方式:
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
h2 {text-align:left}
h3 {text-align:right}
嘗試一下 ?
在此頁(yè)底部有更多的例子。
屬性定義及使用說(shuō)明
text-align屬性指定元素文本的水平對(duì)齊方式。
默認(rèn)值: | left if direction is ltr, and right if direction is rtl |
---|---|
繼承: | yes |
版本: | CSS1 |
JavaScript 語(yǔ)法: | object.style.textAlign="right" |
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。
緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號(hào)。
屬性 | |||||
---|---|---|---|---|---|
text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
屬性值
值 | 描述 |
---|---|
left | 把文本排列到左邊。默認(rèn)值:由瀏覽器決定。 |
right | 把文本排列到右邊。 |
center | 把文本排列到中間。 |
justify | 實(shí)現(xiàn)兩端對(duì)齊文本效果。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 text-align 屬性的值。 |
更多實(shí)例
更多高級(jí)文本對(duì)齊的例子
這個(gè)例子演示了一個(gè)更高級(jí)的文本對(duì)齊的例子。
相關(guān)文章
CSS 教程: CSS 文本
更多建議: