css 居中 text-align居中左对齐右对齐

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标签也有效！