Joe主题限制代码长度,避免全代码显示不便阅读
侧边栏壁纸
  • 累计撰写 7 篇文章
  • 累计收到 0 条评论

Joe主题限制代码长度,避免全代码显示不便阅读

Ther
2026-05-28 / 0 评论 / 1 阅读 / 正在检测是否收录...

文章代码块默认最多显示12行,超出自动出现滚动条

直接复制这段到 Joe 主题 自定义CSS 里即可

/* 文章代码块限制最大12行,超出滚动,不影响原有任何样式 */
article pre {
    max-height: 20em !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}

/* 行内单行小代码不限制高度 */
article :not(pre) > code {
    max-height: unset !important;
}

操作步骤

  1. 只把上面这段 CSS 粘贴到后台 Joe 自定义 CSS 最底部
  2. 保存 → 清浏览器缓存,立马生效

简单调节行数

  • 现在 20em 就是刚好12行
  • 想多显示几行:改成 28em
  • 想少显示几行:改成 16em
0

评论 (0)

取消