vs code 原生不支持图标横排，需通过 vscode-custom-css 插件注入 css 强制修改 .activitybar 的 flex-direction 为 row 并调整宽高；workbench.activitybar.visible 必须为 true，workbench.sidebar.location 仅支持 left/right，无法设顶部。
VS Code 设置图标横排对齐的配置项在哪里
VS Code 默认侧边栏图标是竖排堆叠的，所谓“横排对齐”实际是指启用 workbench.activityBar.visible 并配合 workbench.sideBar.location 和自定义 CSS 注入——但原生不支持纯配置实现真·横排（比如把全部图标挤在顶部一行）。你看到的“横排效果”，基本都来自第三方主题或手动注入 CSS。
-
workbench.activityBar.visible设为true是前提，否则图标直接消失 -
workbench.sideBar.location只能选"left"或"right"，无法设为顶部；想让图标出现在顶部，必须用vscode-custom-css插件 + 自定义样式 - 官方明确不提供横向 activity bar 的 API，所有“横排”都是 hack：通过 CSS 强制修改
.activitybar的flex-direction和子元素宽高
用 custom css 实现顶部图标横排的关键样式
需要先安装插件 vscode-custom-css（注意：它要求启用开发者模式，每次 VS Code 升级后可能失效），然后在用户设置里指定 customCSS.imports 指向一个本地 CSS 文件。
- 核心是重写
.activitybar容器：加flex-direction: row !important;，并设height: 48px !important; - 每个图标容器（
.activitybar .monaco-action-bar .action-item）需设固定宽高，例如width: 48px; height: 48px;，否则会挤压变形 - 图标本身（
.activitybar .monaco-action-bar .action-label）要设margin: 0 !important;，否则默认有上下 margin 导致错位 - 别忘了加
overflow-x: auto到容器，否则图标多时会换行或截断
/* 示例片段（放入 custom.css） */
.activitybar {
flex-direction: row !important;
height: 48px !important;
overflow-x: auto !important;
}
.activitybar .monaco-action-bar .action-item {
width: 48px !important;
height: 48px !important;
}
.activitybar .monaco-action-bar .action-label {
margin: 0 !important;
}为什么改完没生效？常见失效原因
custom css 失效不是代码写错了，大概率卡在环境或权限环节。
- VS Code 版本 ≥ 1.86 后，
vscode-custom-css插件需手动执行命令Developer: Toggle Developer Tools再运行Custom CSS and JS Loader: Enable custom CSS and JS - Windows 下 CSS 文件路径要用正斜杠
/或双反斜杠\，单反斜杠会被解析为转义符 - 如果用了 Remote-SSH 或 WSL，custom css 只在本地客户端生效，远程窗口不加载
- 图标文字（如“Explorer”）默认会显示在图标下方，横排后空间不够，得额外隐藏：
.activitybar .monaco-action-bar .action-label[aria-label]::after { display: none; }
有没有更稳妥的替代方案
硬改 activity bar 风险高、升级易崩、协作难。多数真实需求其实只需要「视觉上紧凑+快速切换」，而非物理横排。
- 用
workbench.iconTheme换成紧凑型图标主题，比如"vs-minimal"或"material-icon-theme"配合material-icon-theme.folders.color调浅色，视觉密度立刻提升 - 按
Ctrl+Shift+P输入View: Toggle Activity Bar Visibility快速收起/展开，比横排更省空间 - 真正高频操作建议绑定快捷键：比如
workbench.view.explorer绑到Alt+1，workbench.view.search绑到Alt+2，比点图标还快
横排图标的本质是用维护成本换视觉偏好，而 VS Code 的交互逻辑压根不是为横排设计的——滚动、焦点、缩放、多显示器适配全会出问题。真要长期用，优先调主题和快捷键，CSS 方案只建议临时调试。
