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

 懿古今   2022-10-03 16:19:12 更新  技术文档

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

网页中如何实现上标和下标?网页中不显示上标和下标怎么办? - 第1张 - 懿古今(www.yigujin.cn)

经了解,网页中是使用<sup>标签和<sub>标签来显示文本的上标、下标,比如m2和H2O的写法就是:

上标:m<sup>2</sup>

下标:H<sub>2</sub>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;
}

本文地址:https://www.yigujin.cn/4704.html

你可能感兴趣的文章

文章标签:
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!
淘宝和京东热销产品和VIP会员的优惠券推荐

发表评论