作者：swa乄ycat曼颜 | 来源：互联网 | 2024-11-05 18:26
通过运用CSS中的`vertical-align`属性，可以实现文本的上标和下标效果。该属性通常用于调整行内元素的垂直对齐方式，例如在化学公式中表示二氧化碳（CO₂）时，可以将数字“2”设置为下标。此外，`vertical-align`还支持多种值，如`super`、`sub`等，以满足不同的排版需求。
主要利用 vertical-align这个属性，vertical-align一般都是用来行内元素居中显示
html如下：
CO
2
css如下：
.mainSpan {
font-size: 16px;
}
.unitSPan {
font-size: 12px;
vertical-align: super;
}
vertical-align: super;实现的时上标，下标的话用vertical-align: sub；
京公网安备 11010802041100号