对齐文本 CSS - CSS

在 CSS 中，我们可以使用不同的属性和值来对齐文本。这篇文章将指导您了解如何在 Web 页面中对齐文本。

text-align 属性

text-align 属性对块级元素中文本的水平对齐方式进行设置。该属性可以使用以下值：

• left：默认值，使文本左对齐。
• center：使文本居中对齐。
• right：使文本右对齐。
• justify：使文本两侧对齐，如果最后一行需要缩短，则增加间距。

例如，要将文本与左侧对齐，请使用以下 CSS 代码：

p {
  text-align: left;
}

vertical-align 属性

vertical-align 属性设置图片、表格单元格和其他元素中文本的垂直对齐方式。 该属性可以使用以下值：

• baseline：默认值，将元素的基线与相邻元素的基线对齐。
• top：将元素顶部与行顶对齐。
• bottom：将元素底部与行底对齐。
• middle：将元素的中心与行的基线对齐。
• 其他像 sub 和 super 的值用于设置文本相对于基线上的下标和上标的垂直对齐方式。

例如，要将图片与行顶对齐，请使用以下 CSS 代码：

img {
  vertical-align: top;
}

line-height 属性

line-height 属性设置了行框与文本高度之间的距离。设置这个属性可以更好地控制文本的垂直对齐方式。

例如，要将文本垂直居中，请使用以下 CSS 代码：

p {
  line-height: 2;
}

这将在文本的上方和下方增加一些空间，以使其与块级元素的高度一致。

Conclusion

以上是几个使用 CSS 对齐文本的方法。希望您能够通过本文对此有一定了解。