You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在VS Code笔记本中调整Markdown单元格预览宽度?

在VS Code中控制笔记本Markdown单元格宽度的方法
  • 全局固定宽度设置
    打开VS Code设置(快捷键Ctrl+,/Cmd+,),搜索notebook.markdown.cellWidth,直接输入具体数值(比如800)就能固定所有Markdown单元格的宽度,也可以选max-content这类自适应选项,根据内容自动调整。

  • 自定义CSS实现更灵活控制
    如果需要居中显示或更个性化的宽度规则,可通过自定义CSS实现:

    1. 安装Custom CSS and JS Loader插件
    2. 在插件设置里指定你的CSS文件路径
    3. 在CSS文件中添加以下代码:
    .notebook-cell.markdown-cell {
        max-width: 800px !important;
        margin: 0 auto !important; /* 让单元格居中 */
    }
    

    保存后重启VS Code就能生效,适合需要统一调整所有笔记本样式的场景。

  • 单单元格临时调整
    针对单个Markdown单元格,点击右上角的三个点图标,选择Change Cell Width,可以快速拖动调整当前单元格的宽度,适合临时修改某部分内容的显示效果。

内容的提问来源于stack exchange,提问作者Anton Troitsky

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.05 13:15:02