text-align介绍
css text-align属性指定元素文本的水平对齐方式。所有主流浏览器都支持text-align属性。
css语法：
text-align:属性值;
属性值：
| 值 | 描述 |
|---|---|
| left | 把文本排列到左边。默认值：由浏览器决定。 |
| right | 把文本排列到右边。 |
| center | 把文本排列到中间。 |
| justify | 实现两端对齐文本效果。 |
| inherit | 规定应该从父元素继承 text-align 属性的值。 |
text-align 实例
h1, h2, 和 h3元素设置文本的对齐方式：
<!DOCTYPE html>
<html>
<head>
<style>
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
</style>
</head>
<body>
<h1>CSS text-align 实例</h1>
<p class=\"date\">2015 年 3 月 14 号</p>
<p class=\"main\">“当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界\"</p>
<p><b>注意：</b> 重置浏览器窗口大小查看 \"justify\" 是如何工作的。</p>
</body>
</html>
text-align属性只能针对文本文字和img标签，对其他标签无效。记住那，text-align属性不仅对文本文字有效，对img标签也有效！
继续阅读与本文标签相同的文章
上一篇 :
css text-indent首行缩进使用实例
-
未来十年，最为吃香的4个大学专业，毕业后就是香饽饽！
2026-05-14栏目： 教程
-
还不会制作填充地图，试试这种方法，2分钟搞定，让你秒变大神
2026-05-14栏目： 教程
-
顺丰自研机器人惊艳亮相，化身“快递小哥”亮绝活，盯上万亿市场
2026-05-14栏目： 教程
-
女生“主动”与你分享这3个秘密？520％偷偷喜欢你，臭弟弟冲鸭
2026-05-14栏目： 教程
-
这4类大学专业很吃香，市场人才紧缺，毕业后前景很好！
2026-05-14栏目： 教程