CSS text-align 属性值说明
| 值 | 描述 |
|---|---|
| left | 将文本对齐。这是此属性的默认值。 |
| right | 对齐右侧的文本。 |
| center | 将文本对齐至中心。 |
| justify | 延伸线路，使得每条线具有相同的宽度。 |
| initial | 它使属性使用其默认值。 |
| inherit | 它从其父母元素继承了属性。 |
语法
text-align: left | right | center | justify | initial | inherit;
具有“right”和“center”值的 text-align 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
div {
text-align: right;
}
p {
text-align: center;
}
</style>
</head>
<body>
<h2>Text-align 属性示例</h2>
<div> text-align 属性的示例。</div>
<p> 一些段落。生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
</p>
</body>
</html>
带有“center”、“left”和“justify”值的 text-align 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
h2 {
text-align: center;
}
p.date {
text-align: left;
}
p.example {
text-align: justify;
}
</style>
</head>
<body>
<h2>Text-align 属性示例</h2>
<p class="date">March, 2019</p>
<p class="example">
今天很残酷，明天很残酷，后天很美好。很多人死在了明天的夜里。
经历过风雨，才懂得阳光的温暖。今天很残酷，明天很残酷，后天很美好。很多人死在了明天的夜里。
经历过风雨，才懂得阳光的温暖。
</p>
</body>
</html>
text-align 属性用于对齐块元素的内部内容。
我们可以使用 margin 属性将元素居中。
使用 text-align 指定的对齐方式与包含块或者视口无关。
| 初始值 | 如果方向是“ltr”，则右侧，如果方向是“rtl” |
|---|---|
| 应用于 | 块容器。 |
| 继承 | 是的 |
| 可动画的 | 无效 |
| 版本 | CSS1 |
| DOM 语法 | object.style.textalign =“right”; |
日期：2020-06-02 22:14:47 来源：oir作者：oir