使用 text-align 对齐段落样式 - CSS

在 CSS 中，可以使用 text-align 属性来对齐一个段落及其内部文本。这个属性有以下几个可选取值：

• left （默认）：文本排列于左侧。
• center：文本排列于居中。
• right：文本排列于右侧。
• justify：文本两端对齐，最后一行左对齐。

语法

selector {
  text-align: value;
}

值

• left：文本在容器中左对齐。
• center：文本在容器中居中对齐。
• right：文本在容器中右对齐。
• justify：一行内文本两端对齐，最后一行左对齐。

示例

左对齐

p {
  text-align: left;
}

在 HTML 中，我们可以用以下代码来应用这个样式：

<p>这是一段左对齐的文本。</p>

居中

p {
  text-align: center;
}

在 HTML 中，我们可以用以下代码来应用这个样式：

<p>这是一段居中的文本。</p>

右对齐

p {
  text-align: right;
}

在 HTML 中，我们可以用以下代码来应用这个样式：

<p>这是一段右对齐的文本。</p>

两端对齐

p {
  text-align: justify;
}

在 HTML 中，我们可以用以下代码来应用这个样式：

<p>
  这是一段很长很长的文本，会被自动分行并两端对齐。
  这是一段很长很长的文本，也会被自动分行并两端对齐。
</p>

注意，两端对齐要求文本必须有多行。如果只有一行文本，该属性会被忽略。

以上就是 text-align 属性的使用方法和示例，可以帮助你更好地掌握这个样式属性。