text-align 是 CSS 中用于设置文本水平对齐方式的属性。它可以应用于块级元素、表格元素以及一些表格单元格元素。

以下是一些常见的取值：

1. left（左对齐）： 文本左对齐。
   p {
     text-align: left;
   }

2. right（右对齐）： 文本右对齐。
   p {
     text-align: right;
   }

3. center（居中对齐）： 文本居中对齐。
   p {
     text-align: center;
   }

4. justify（两端对齐）： 文本两端对齐，增加额外的空格以填充行的宽度。
   p {
     text-align: justify;
   }

在表格中，text-align 也可以用于设置单元格中文本的水平对齐方式：
td {
  text-align: center; /* 或 left、right、justify */
}

需要注意的是，text-align 属性会影响元素内部文本的对齐，但不会影响元素本身在其父元素中的位置。

示例：
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    p {
      text-align: center;
    }

    td {
      text-align: right;
    }
  </style>
  <title>text-align Example</title>
</head>
<body>

  <p>This is a centered paragraph.</p>

  <table>
    <tr>
      <td>Right-aligned text</td>
      <td>Right-aligned text</td>
    </tr>
    <tr>
      <td>Right-aligned text</td>
      <td>Right-aligned text</td>
    </tr>
  </table>

</body>
</html>

在这个例子中，段落中的文本居中对齐，而表格中的单元格文本右对齐。


转载请注明出处：http://www.pingtaimeng.com/article/detail/6133/CSS