【css】自定义_图片大小_行距_栏宽

经验分享
1

在论坛得到调整行距宽度的css，询问DeepSeek，得到单库内自定义图片大小的css码如下
/* 只在笔记内容区域应用，不影响侧边栏等其他地方 */
.markdown-reading-view .markdown-preview-view img,
.markdown-source-view .cm-content img {
max-width: 60%;
height: auto;
}

/* 确保图片容器也相应调整 */
.markdown-preview-section img {
width: 60%;
height: auto;
}
使用说明：

  1. 在 .obsidian/snippets/ 目录下创建一个新文件，比如 image-width.css
  2. 将上述任一代码复制到文件中
  3. 在 Obsidian 中：
  • 打开 设置 → 外观
  • 滚动到 CSS 片段 部分
  • 启用你刚刚创建的片段
1 个赞
2

有人问调整行距宽度css码，如下：
/* 编辑模式下的行间距 /
.cm-s-obsidian .cm-line {
line-height: 2.0; / 行间距 */
}

3

使用边注等功能时必须开启编辑器缩减栏宽。
大屏幕下，系统栏宽太窄，使用一句css人为设置。
比如1200px，就非常适合27吋屏幕。
css如下：

body {
–file-line-width: min(1200px, 95vw); /* 最大1200px，小屏时不超过 95% 宽度 */
}

1 个赞