代码块添加左右滑动栏

疑问解答
1

我在粘贴源码的时候，由于代码太长，obsidian中的代码块自动换行，造成阅读困难，有没有插件可以实现类似语雀上面，在代码块下面添加一个可以左右滑动的栏？

2 个赞
2

你代码过长不该改代码吗？大部分语言编程规范都严格限制每行字母数啊？

3

Typora、csdn都可以左右滑呀，有哪位大佬知道OB有无类似插件

4

你是要我修改spring源码吗？

5

你记录过开源框架的源码吗 是不是不知道我说的场景？

6

只有阅读模式有效

code[class*="language-"], pre[class*="language-"] {
    word-break: normal;
    word-wrap: break-word;
    white-space: pre;
}

这段已经加进我的主题里了

2 个赞
7

成功了！感谢 :smiling_face_with_three_hearts:

8

非常感谢！！！！！！！

9

怎么用阿兄弟，得先下载主题吗，我直接放到snippets下不管用呢，非常感谢！

10

怎么用呢兄弟，我放到snippets下不管用，得先下载主题吗？

11

你在obsidian设置里开启CCS代码片段了吗，在 设置 —外观—CSS代码片段 可以开启

13

开启了在设置外观最下面css代码片段，加一个snippet.css文件之后会有一个snippet的开关。我把上面code[class*="language-"], pre[class*="language-"] { word-break: normal; word-wrap: break-word; white-space: pre; }这段代码加进文件里，重新输入代码块和原来一样没有变化呀？

14

大佬我查了一下 display: inline-block; 在前端的代码里有滑块的意思可不可以这样写 code[class*=“language-”],
pre[class*=“language-”]
{
word-break: normal;
word-wrap: break-word;
white-space: pre;
overflow-x: auto;
display: inline-block;
width: 100%;
height: 100%;
background-color: #f5f5f5;
}

15

可以的，但是你这样是为了啥？出现滚动条是靠overflow实现的