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
属性指定元素中文本的水平对齐方式。
默认值: | 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;
}
亲自试一试 »
相关页面
CSS 教程: CSS 文本
HTML DOM 参考手册: textAlign 属性