如何在 HTML 中对齐文本

引言

HTML 代表超文本标记语言。它包含标记和超文本两个术语。虽然 HTML 提供了网页的结构和样式，但超文本用于描述各种网页之间的链接。这就是为什么它被称为标记语言。

在 HTML 中对齐文本可以使内容看起来更有条理和易于理解。这是页面结构和布局的一部分。HTML 中的 `text-align` 属性决定了文本在网页上的对齐方式。本质上，它表示文本在网页上的水平位置。

`text-align` 属性有三种可能的值：`justify`、`left`、`right` 和 `center`。因此，我们可以根据需要将文本对齐到左侧、右侧或中间。

文本对齐

可以使用 HTML 提供的 `align` 功能来指定网页文本的对齐和两端对齐。此外，此属性的值为 `justified`、`center`、`right` 和 `left`。此外，它支持 `col`、`colgroup`、`tbody`、`td`、`tfoot`、`th`、`thead` 和 `tr` 组件的对齐。

但是，`align` 属性已在所有其他 HTML 元素中被弃用。我们需要使用 CSS 来对齐其余的 HTML 组件。使用 CSS，我们可以使用 `text-align` 属性在 HTML 中对齐文本。`text-align` 属性是一个 CSS 属性，可让您指定 HTML 文本的水平对齐位置。

另一方面，任何内部、外部或内联样式表都可以使用此属性。另一方面，这里涵盖了在内部和内联样式表中使用 `text-align` 属性。

`text-align` 属性接受三个值：`left`、`right` 或 `center`，它们决定文本的对齐方式。然而，必须在 HTML 的 `style` 属性中使用内联 CSS 来使用此 `text-align` 属性。

如何在 HTML 中对齐文本？

任何 `left`、`right`、`center` 和 `justify` 值都可以对齐 HTML 中文本的 `align` 属性。尽管如此，下面提供了使用 HTML `align` 属性或对齐文本的步骤。

语法

HTML 中的 CSS 样式强调在线网站更具适应性、用户友好性，并且从浏览器和用户的角度来看都更具视觉吸引力。默认情况下，HTML 页面上的 `justify` 文本应放置在左侧。HTML `justify` 文本值与文本或值正确对齐。让我们看看 HTML 标准语法如何对齐页面的对齐。

HTML 语法是

CSS 语法是

HTML 代码的基本语法如下，用于处理文档中的文本值。当 `text-align` 被设置为 `justify` 时，会提供 `text-justify` 属性，并且属性值是文本的 `justify` 方法。`text-justify` 有多种可用属性值，如 `auto`、`inter-word`、`inter-character`、`none`、`initial` 和 `inherit`；每个值都有独特的描述逻辑。如果我们使用 `auto` 选项，浏览器将选择 `justify` 算法。如果我们选择不使用 `auto` 选项，`justify` 方法将自动禁用。初始化将在属性标签中设置默认值。`inherit` 值将把父元素的 `property` 值传递给其子元素。

如何在 HTML 中对齐文本？

任何 `left`、`right`、`center` 和 `justify` 值都可以正确地在 HTML 中对齐文本。尽管如此，下面提供了使用 HTML `align` 属性或对齐文本的步骤。

首先将文本插入到需要对齐的 HTML 元素中。

由于需要对齐，文本“欢迎来到文档”被放置在代码的 `p` 元素中。

然后使用 HTML 元素的 `align` 属性对文本进行对齐。

可以使用 HTML `align` 属性中的任何 `left`、`right`、`center` 或 `justify` 值来对齐文本。

文本左对齐

我们将 HTML `align` 属性的值设置为 `left`，以便将文本对齐到网页的左侧。让我们看一下将文本对齐到页面左侧的 HTML 代码。

输出

文本右对齐

我们将 HTML `align` 属性的值设置为 `right`，以便将文本对齐到网页的右侧。让我们看一下将文本对齐到页面右侧的 HTML 代码。

输出

文本居中对齐

我们将 HTML `align` 属性的值设置为 `center`，以便将文本对齐到网页的中间。让我们看一下将文本对齐到页面中间的 HTML 代码。

输出