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: center;
}
div.b {
text-align: left;
}
div.c {
text-align: right;
}
div.c {
text-align: justify;
}
下面有更多实例。
定义和用法
text-align 属性指定元素中文本的水平对齐方式。
| 默认值: | left if direction is ltr, and right if direction is rtl |
|---|---|
| 继承性: | yes |
| 支持动画: | no. 阅读有关动画的信息 |
| 版本: | CSS1 |
| JavaScript 语法: | object.style.textAlign="right" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
语法
text-align: left|right|center|justify|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| left | 将文本向左对齐 | 亲自试一试 » |
| right | 将文本向右对齐 | 亲自试一试 » |
| center | 将文本居中 | 亲自试一试 » |
| justify | 实现两端对齐文本效果。使每行具有相等的宽度（如在报纸和杂志中） | 亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
| inherit | 从其父元素继承此属性。请参阅 inherit |
更多实例
实例
另一个文本对齐实例：
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
}
亲自试一试 »
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
}
相关页面
CSS 教程: CSS 文本
HTML DOM 参考手册: textAlign 属性
