第六回:深入理解vertical-align上标下标类

——vertical-align:sub/super

HTML中的上标和下标

  1. HTML中的上标:<sup>
  2. HTML中的下标:<sub>

xinxuzhang[1]

[1]. 帅哥一枚

xinxuzhang<sup>[1]</sup>

NH4HCO3

碳酸氢铵

NH<sub>4</sub>HCO<sub>3</sub>
  1. <sup> vertical-align:super
  2. <sub> vertical-align:sub

定义

  1. vertical-align:super

    提高盒子的基线到父级合适的上标基线位置。

  2. vertical-align:sub

    降低盒子的基线到到父级合适的下标基线位置。

NH4HCO3[1]

[1]. 碳酸氢铵,化肥,会挥发

出现吧,下标 出现吧,上标

实际应用?

So, ...

下回预告:vertical-align前后不一的作用机制

——相邻前后元素的vertical-align值不一样,该如何表现呢?