在编辑数学时经常需要用到上标与下标,<sup>和<sub>标签可以方便地使文字变成上标或下标。
<p>X<sub>1</sub><sup>2</sup> + X<sub>2</sub><sup>3</sup> = Y<sup>2</sup></p> <p>Windows<sup>®</sup>是微软公司<sup>①</sup>的产品</p> <hr/> <p>①微软公司即Microsoft Corporation</p>
也可以使用CSS中的vertical-align属性代替<sub>、<sup>实现脚本、尾注的效果
CSS: p.exp{ text-indent : 50px; /*设置文本缩进*/ font-size : 2.0em; /*设置字体大小*/ } span.power{ vertical-align : super; /*设置垂直对齐方式,可选top、middle、bottom、sub、super*/ font-size : 0.5em; } span.foot{ vertical-align : sub; /*设置垂直对齐方式,可选top、middle、bottom、sub、super*/ font-size : 0.5em; } html: <p class="exp">X<span class="power">2</span> + Y<span class="foot">3</span> = 32</p>
效果: