ZBlogPHP免费主题zbpNana和Blogs上下标显示异常咋办？

• • 腾讯云建站教程
  • 宝塔面板建站教程
  • 老薛主机建站教程
  • SiteGround建站教程

近期有站长反馈说使用ZBlogPHP 免费主题 zbpNana编辑文章时，所添加的上标和下标在编辑器中显示正常，但是在前端页面显示不正常。具体如下：

经了解，原来 ZBlogPHP 所添加的上标和下标都有对应的 CSS 代码，而 zbpNana 和 Blogs 主题没有考虑到上下标问题，所以解决办法很简单，只需要将上标和下标对应的 CSS 代码添加到主题文件 style.css 即可。下面 boke11 2 联盟以 zbpNana 主题为例进行说明，Blogs 主题和其他主题方法差不多。

1、找到并编辑 zb_users\theme\zbpNana\style\style.css 文件，在最后面添加以下上标和下标代码：

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

2、登录后台点击 [清空缓存并重新编译模板]按钮重新编译主题文件。

3、清空浏览器缓存即可（PS：如还开有 CDN 加速的话，还要刷新这个 style.css 文件才行）。

至此，我们已经成功让 zbpNana 主题正常显示文章中的上标和下标。如果你也遇到这个问题，建议参考本文折腾试试。

本文地址：https://boke112.com/post/7635.html