在网站设计开发过程中,难免会用到一些特殊的设置用法,比如数学表达式的平方,或者一些下标作为一个标记记号。如图:
在html中的使用sup和sub标签表示上下标,写法是:
- <sup>上标内容</sup>
- <sub>下标内容</sub>
比如:
- <p>上标案例:A<sup>2</sup>-B<sup>2</sup>=(A-B)<sup>2</sup>+2AB</p>
- <p>下标案例:覃师宁博客<sub>qinshining.com</sub>
对应的在css样式中,文字上下标使用vertical-align的写法
- 上标设置:vertical-align:text-top;
- 下标设置:vertical-align:text-bottom;
css的写法和html中s标签写法效果一样