网页中如何实现上标和下标？网页中不显示上标和下标怎么办？

今天在每日答案中分享一篇『上海五年级小学生指出数学教材错误，教材内容具体错在哪里？』的文章，里面涉及到面积需要用到km²，在WPS文档中已经设置好上标（PS：不懂？请参考『WPS文字中的上角标怎么打？WPS文字下角标怎么写？快捷键是什么？』），但是复制到WordPress经典编辑器中发布后网页却不显示上标，这是怎么回事呢？

经了解，网页中是使用<sup>标签和<sub>标签来显示文本的上标、下标，比如m²和H₂O的写法就是：

上标：m²

下标：H₂O

只要我们在WPS文档中设置好上标和下标，复制到WordPress经典编辑器中就会自动为上标添加<sup>标签，为下标添加<sub>标签。我们可以通过网页源代码看到上标和下标确实已经添加了相应的标签，所以正常情况下该网页就会正确显示上标或下标。

如果网页中的上标和下标显示不对的话，请确保是否已经正确添加有上标标签和下标标签？如果已经添加有但是还没有显示的话，估计就是浏览器默认的上标和下标CSS代码跟站点使用的CSS代码有冲突，建议搜索站点所使用的style.css文件是否含有sup和sub，有的话请删除冲突的代码，或自行添加上标和下标的CSS代码，具体如下：

sup {  vertical-align: super;  font-size: smaller;  }  sub {  vertical-align: sub;  font-size: smaller;  }