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

如何调整(减小)VS Code编辑器标签页的内边距?

解决VS Code编辑器标签页内边距过大问题

workbench.editor.tabPadding设置可能被主题或新版本VS Code的内置样式覆盖导致失效,你可以通过自定义CSS的方式强制调整内边距:

  • 安装扩展Custom CSS and JS Loader,用于加载自定义样式文件
  • 创建本地CSS文件(比如命名为vscode-custom.css),写入以下样式代码:
/* 强制设置标签页左右内边距为2px */
.tabs-container .tab {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/* 可选:调整标签内图标与文字的间距,避免拥挤 */
.tabs-container .tab .label-icon {
    margin-right: 1px !important;
}
  • 在VS Code的用户设置settings.json中添加以下配置(替换为你的CSS文件绝对路径):
"vscode_custom_css.imports": [
    "file:///你的文件绝对路径/vscode-custom.css"
],
"vscode_custom_css.policy": true
  • 按Ctrl+Shift+P调出命令面板,搜索并执行Reload Custom CSS and JS命令,重启VS Code生效
  • 如果VS Code提示“安装的程序已损坏”,点击「不再显示」即可,这是加载自定义样式的正常提示

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.26 15:42:38