检索词:界面、屏幕、标签页、Tab、文本输入框、左右留白边距、页边距、内容区域宽度、靠左、强制、换行。
缩减栏宽是 Ob 本体的功能,默认开启,使编辑区宽度不充满屏幕。若希望从每行顶格开始书写,只需在“设置 - 编辑器 - 显示”关闭缩减栏宽。
在此基础上,很多坛友对缩减默认的宽度不够满意,希望能够自定义栏宽。
根据官方在 CSS variables 中的描述,开启缩减栏宽(Readable Line Width)时,调整栏宽的变量是 --file-line-width
,关闭缩减栏宽此变量消失。
修改此变量改栏宽,可参 调整编辑器的左右留白边距。
不会添加 CSS,参 CSS 分享:自动隐藏式十字花左侧边栏。
变量 --file-margins
负责控制外边距,同样可以用来调整栏宽。其语法同 CSS margin 属性,即填写两个数值时,第一个表示“上下边距”,第二个表示“左右边距”;填写四个数值时,依次表示“上 - 右 - 下 - 左”边距。
margin: -3px; /*应用于所有边*/
margin: 6vh 5%; /*上边下边 | 左边右边*/
margin: 1em auto 2pt; /*上边 | 左边右边 | 下边*/
margin: 2in 1rem 0 6vw; /*上边 | 右边 | 下边 | 左边*/
示例代码:
其中 var(--size-4-8)
引用了 Ob 内置的属性,等同 32 px,若不会使用,只需整体删除并改为多少 px。
如果希望栏不居中,只需设置四个数值即可。示例代码:
body {
--file-margins: var(--size-4-8) 20% var(--size-4-8) 10%; /*栏宽*/
}
效果,点击展开
当然,也可以通过别的方式做到不居中,可参 调整编辑器内容区域宽度。
通常你只需要使用其中一种方式,如果你在开启缩减栏宽、同时修改 --file-line-width
和 --file-margins
时遇到问题。
如遇不能起效,同样是沙箱测试,排查是否有插件、主题冲突。
如果想对不同文档使用不同栏宽,一种方式是添加 cssclasses。比如,我只想对 cssclasses: test
的文档使用缩减栏宽:
.test {
--file-margins: var(--size-4-8) 20%; /*栏宽*/
}
前面的英文组合即为这个样式的 cssclass,可以随意,然后在页面 YAML 添加属性 cssclasses: 你设置的 cssclass
。
效果
亦有 Editor Width Slider 插件 可以拖拉调整栏宽,需要开启缩减栏宽并重启 Ob 才能正常运行。
以下为至今相关求助话题合集。