Obsidian Modular CSS Layout 布局自定义指南多列调用框与宽视图完整玩法【免费下载链接】obsidian-modular-css-layoutCSS Layout hack for Obsidian.md项目地址: https://gitcode.com/gh_mirrors/ob/obsidian-modular-css-layoutObsidian Modular CSS Layout下称 MCL是一组模块化 CSS 片段让你不写一行代码就能完成 Obsidian 布局自定义——多列调用框、卡片视图、宽视图想用哪个启用哪个。它由 Wide Views、Multi Column、Gallery Cards 三个模块组成彼此独立、互不拖累。从一根长条到多列网格默认笔记是一根上下延伸的长条需求、待办、资源链接全挤在一列里翻找全靠滚动。 MCL 的思路是把调用框和列表掰成并排布局——需求、待办、资源横向排开一屏扫完信息密度直接翻倍。快速上手克隆仓库并启用片段MCL 不是传统插件本质是几个.css文件。先把仓库拉到本地git clone https://gitcode.com/gh_mirrors/ob/obsidian-modular-css-layout然后把需要的文件如 MCL Multi Column.css放进 vault 的.obsidian/snippets目录再到设置 外观 CSS 片段里打开开关。只做列表分列的话只复制 Multi Column 就够了。多列调用框列宽怎么控制效果是几个调用框并排成列装不下就自动换行到下一行。开启方式很轻先写好几个子调用框再用一个[!multi-column]父调用框把它们圈起来即可。列宽靠调用框元数据控制wide-2到wide-5让某列放大到 2~5 倍宽min-0则取消该列的最小宽度限制。典型组合是主内容wide-3、侧栏min-0——重点占大头次要信息贴边收着。卡片视图效果与开启方式不想写调用框纯无序列表也能分列在第一个列表项打上#mcl/list-column标签整组列表按最小宽度自动分列换成#mcl/list-grid或#mcl/list-card列表就变成网格或带边框背景的卡片视图做目标清单、资源合集这类分格内容特别合适。间距、分隔线与宽视图设置怎么调装好 Style Settings 插件后每个模块都有一组参数面板多列调用框子调用框最小宽度默认 200px、框间距、框边距多列列表列最小宽度、列分隔线的颜色与粗细也可整条关掉宽视图页面最大宽度配合wide-page、wide-table等 cssClass 给单篇笔记加宽还支持全库统一开关。布局会跟着窗口宽度走宽屏多排几列窄屏自动堆回单列手机上看笔记不会乱。写在最后MCL 只重排结构、不动配色和你现有的社区主题基本零冲突。想深入细节仓库里的 docs/index.md 和 docs/multi-column/index.md 把每个标签与 cssClass 都列得清清楚楚照着查就行。【免费下载链接】obsidian-modular-css-layoutCSS Layout hack for Obsidian.md项目地址: https://gitcode.com/gh_mirrors/ob/obsidian-modular-css-layout创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考