文章代码块默认最多显示12行,超出自动出现滚动条
侧边栏壁纸
  • 累计撰写 15 篇文章
  • 累计收到 1 条评论

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

vous
2026-05-11 / 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. 之前我给你的那段复制按钮JS代码直接删掉(不需要了)
  2. 只把上面这段 CSS 粘贴到后台 Joe 自定义 CSS 最底部
  3. 保存 → 清浏览器缓存,立马生效

简单调节行数

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

评论 (0)

取消