如何调整(减小)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
相关产品推荐
相关产品推荐

