您好,欢迎来到覃师宁博客!
帝国cms使用手册

在html和css中如何设置上标和下标内容

编辑:覃师宁 来源:qinshining.com 时间:2020-11-28 阅读量: 人已围观

在网站设计开发过程中,难免会用到一些特殊的设置用法,比如数学表达式的平方,或者一些下标作为一个标记记号。如图:

在html和css中如何设置上标和下标内容

在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标签写法效果一样

感谢您的支持,我会继续努力的!
扫码支持
支付宝扫一扫,向我打赏
标签: html教程

相关文章

文章评论

人参与,共有 0 条评论

为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

微信订阅号