text-align 文字对齐

设置容器块内的文字在不满一行时水平对齐方式。

语法：

{ text-align: sTextAlign }

默认值：	start
继承性：	是
DOM 语法：	object.style.textAlign = sTextAlign
适用于：	所有块状容器元素
浏览器支持：

可能的值

[ start | end | left | right | center | justify | match-parent ] || <string>

值	描述
start	文本向行盒的开始边缘对齐。
end	文本向行盒的结束边缘对齐。
left	文本向行盒的左边缘对齐。在垂直方向的文本中，文本在left-to-right 模式下向开始边缘对齐。
right	文本向行盒的右边缘对齐。在垂直方向的文本中，文本在left-to-right 模式下向结束边缘对齐。
center	文本在行盒内居中对齐。
justify	文本根据 text-justify 的属性设置方法分散对齐。
match-parent	继承父元素的对齐方式，但有个例外：继承的 start 或者 end 值是根据父元素的 direction 值进行计算的，因此计算的结果可能是 left 或者 right。
<string>	string 是一个单个的字符，否则，就忽略此设置。按指定的字符进行对齐。此属性可以跟其他关键字同时使用，如果没有设置字符，则默认值是 end 方式。
inherit	继承父元素的对齐方式

说明：

此属性适用于容器块的元素。

例子

在表格的单元格中，

td { text-align: "." }
td:before { content: "$" }

html 标记如下

  <table>
    <col width="40">
    <tr>
      <th>
        Long distance calls
      </th>
    </tr>
    <tr>
      <td>
        1.30
      </td>
    </tr>
    <tr>
      <td>
        2.50
      </td>
    </tr>
    <tr>
      <td>
        10.80
      </td>
    </tr>
    <tr>
      <td>
        111.01
      </td>
    </tr>
    <tr>
      <td>
        85.
      </td>
    </tr>
    <tr>
      <td>
        90
      </td>
    </tr>
    <tr>
      <td>
        .05
      </td>
    </tr>
    <tr>
      <td>
        .06
      </td>
    </tr>
  </table>

将会产生下面的结果：

Long distance calls
              $1.30      
              $2.50
             $10.80
            $111.01
             $85.
             $90
               $.05
               $.06

Firefox 浏览器的扩展属性

-moz-center、-moz-left、-moz-right，他们在对齐行内内容的同时还对齐块级内容。

Safari、Chrome (WebKit) 浏览器的扩展属性

如何居中块级元素本身而不居中内容？

兼容的方法是采用将 margin 设置为 auto 的方法，例如：
margin:auto; 或者 margin:0 auto; 或者 margin-left:auto; margin-right:auto;

本属性最后更新时间：2011-3-19 21:33:59

CSS3 中文参考手册

text-align 文字对齐

语法：

可能的值

说明：

例子

Firefox 浏览器的扩展属性

Safari、Chrome (WebKit) 浏览器的扩展属性

如何居中块级元素本身而不居中内容？