完美解决：调整编辑器的左右留白边距

经验分享
1

image
image1583×728 44.7 KB

上图中，行宽默认700px、太窄，左右留白不会随着Ctrl+滚轮自动调整。

完美解决办法如下：

  1. 在.obsidian\snippets文件夹创建page-width.css文件
  2. 写入代码：
body {
	--file-line-width: 65rem;  # 默认值为 45rem
}
  1. 设置，外观，启用自定义样式page-width.css

完成，撒花

9 个赞
2

@baiuterfk 最上方那个工具栏用什么插件实现的呢？

3
1 个赞
5

It works! Thank you~

6

（2024-07-22）
经过测试，此处应该使用 --line-width 变量，不知道是不是版本变化的问题？

1 个赞
7

版本变化的问题？

image

经测试，Ob 当前和安装程序版本 v1.6.7 变量仍是 --file-line-width，且 app.css 并没有 --line-width 变量，如果必须用 --line-width 变量考虑主题、插件、样式冲突等。

8

Editing Toolbar

9

亲测，已按照步骤设定成功，感谢感谢~

10 
body {
	/* --file-line-width: 55rem;  # 默认值为 45rem */

    /* 占据视口宽度的 65%  */
    --file-line-width: 65vw; 
}

实测配置成这样兼容性能更好。

11

好像还有一个缩减栏宽

12

这样设置有效果，赞！