如何在VSCode的Jupyter中减小单元格间距？

• 自定义用户样式表

  1. 打开VSCode设置，搜索workbench.editor.customStylesheet，将其值设为你本地的CSS文件路径（例如~/.vscode/custom.css）。
  2. 在该CSS文件中添加以下样式代码：

     /* 调整Jupyter单元格之间的垂直间距 */
     .jp-Cell {
         margin-bottom: 4px !important;
         margin-top: 4px !important;
     }
     /* 可选：缩小单元格内部的上下边距 */
     .jp-Cell-inputWrapper {
         padding-top: 2px !important;
         padding-bottom: 2px !important;
     }
     

  3. 重启VSCode后设置生效。

• 借助扩展实现
  安装Custom CSS and JS Loader扩展，按照扩展的说明配置加载自定义CSS，同样使用上述代码来调整单元格间距。

• 注意点

  • VSCode版本更新后，部分样式选择器可能会变化，届时需要重新调整CSS代码。
  • 间距数值可根据个人需求修改，建议逐步调整以保证内容可读性。

内容的提问来源于stack exchange，提问作者AnarKi