CSS 上标和下标

在 HTML 中，我们使用 <sub> 和 <sup> 标签来定义下标和上标文本。上标文本以较小的字体显示，并且其基线位于正常文本行的上方大约一半字符处。它通常用于书写数学方程（如 x² + y² = r²）、脚注等。

与上标不同，下标文本以较小的字体显示，并且其基线位于正常文本行的下方大约一半字符处。它通常用于书写化学方程式或化学式，例如 H₂O, H₂SO₄ 等。

在 CSS 中，我们可以使用 vertical-align 属性来实现相同的功能。我们也可以使用 CSS 来指定文本的上标或下标。此 CSS 属性用于指定文本的垂直对齐方式。

现在，让我们看看如何使用 vertical-align 属性来实现上标和下标。

语法

属性值

baseline：这是默认值，将文本与父元素的基线对齐。

super：这是上标，将文本向上提升。

sub：这是下标，将文本向下降低。

当应用此属性的 super 和 sub 值时，文本将变成上标或下标。

示例 - 上标

示例 - 下标