有css实现代码块上下滚动吗

wwsuixin · 2023 年12 月 13 日 01:09

请仔细说明自己遇到的问题，以下是参考模板。这里不要求非得按模板发帖，但内容中包含相关要素能让大家更好地帮助你。

遇到的问题

windows环境 v1.4.16 最新版

想实现类似于钉钉文档中代码块可以上下滚动这种显示效果，css能否实现

Azona77 · 2023 年12 月 13 日 02:46

pre code{
  display: block;
  max-height: 400px;
  overflow: auto;
}

效果如图

wwsuixin · 2023 年12 月 13 日 07:20

非常感谢师傅的支持，经过测试这在阅读视图是有效的，请问编辑模式是否也可以实现呢

Azona77 · 2023 年12 月 13 日 11:27

好像不能，编辑模式的代码块各行是独立的元素

PlayerMiller · 2023 年12 月 13 日 11:40

编辑模式我是丢 Callout 里，要编辑的时候用快捷键去掉每行前面的引用 >。因为 Ob 自带的引用命令会造成缩进变化，快捷命令是自己添加的，可参考下帖：