📌  相关文章
📜  CSS superscript和subscript

📅  最后修改于: 2020-11-05 05:26:49             🧑  作者: Mango

CSS上标和下标

在HTML中，使用和标记定义下标和上标文本。上标文本以较小的字体显示，并在正常行上方显示半角字符。通常用于编写数学方程式(如x2 + y2 = r2)，脚注等。

与上标不同，下标文本以较小的字体显示，并且在常规行下方显示半角字符。通常用于编写化学方程式或化学式，例如H2O，H2SO4等。

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

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

句法

vertical-align: baseline | super | sub ;

属性值

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

super：是上标，用于引发文本。

sub：下标会降低文本。

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

示例-上标








 Using vertical-align: super; 


 Exponen ts (powers of a number), mathematical equations or formulae are the common uses of superscripted text. 


x2+ y2 = r2


 (a + b)2 = a2 + b2 + 2ab 


5th

示例-下标








 Using vertical-align: sub; 


 Its common examples are chemical equations. 


 Chemical formula of Water is: H2O


 Ch emical formula of Sulphuric acid is: H2SO4