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.zyzy.cn/article/detail/6133/CSS