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

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

编辑:覃师宁来源:qinshining.com时间:2020-11-28 20:35:40阅读量:

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

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

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

很赞哦!(

相关文章

更多回答

发表评论共有条评论
用户名:密码:
验证码:匿名发表
网创邦微信公众号