汉化后ui重叠并非汉化包所致，而是中文字符变宽、系统dpi缩放与webstorm zoom ide叠加（如各设125%导致实际156%）、固定宽度容器三者共同作用的结果；优先重置zoom ide为100%并重启，再关闭widescreen tool window layout，禁用自定义菜单字体以恢复紧凑布局。
汉化后UI重叠不是汉化包的问题
UI重叠（比如菜单项文字压图标、设置对话框按钮被截断、工具窗口标题栏挤成两行）几乎从不源于汉化包本身——Chinese (Simplified) Language Pack只替换字符串，不改布局逻辑。真正触发重叠的，是中文字符宽度 + 缩放叠加 + 固定尺寸容器三者撞在一起。
典型链路：Windows系统DPI设125% → WebStorm Zoom IDE又设125% → 实际渲染缩放156% → 原本刚好容纳英文的按钮/菜单项宽度不够 → 文字撑出边界，视觉上就是“重叠”或“错位”。
- 先检查
View → Appearance → Zoom IDE是否非100%，点Reset to default并重启 - 若已重启仍重叠，说明是中文文字宽度问题，而非缩放——此时禁用
Use custom font in menus（回退到更紧凑的系统字体） - 不要手动拖拽菜单栏或对话框边缘强行“拉宽”，这会破坏布局约束，后续切换项目或重启后大概率复位
调整工具窗口内边距需关掉宽屏模式
很多人以为“内边距”要改CSS或主题，其实WebStorm里影响工具窗口左右留白的核心开关是 Widescreen tool window layout。它一开，所有工具窗口（Terminal、Git、Database等）会强制铺满编辑区宽度，但顶部标题栏和底部状态栏空间被压缩，导致按钮挤在一起、文字换行、图标错位——看起来像内边距异常。
- 路径：
Settings → Appearance & Behavior → Appearance，取消勾选Widescreen tool window layout - 改完必须重启，仅Apply无效
- 该选项在2023.1+版本中默认开启，尤其多显示器环境下容易误触
- 关闭后，工具窗口恢复为传统窄版布局，左右自然留出间距，标题栏高度也恢复正常
编辑器右侧白线≠UI内边距，别去动Code Style
有人把编辑器右侧那条白线（Show right margin）当成“界面边距”，试图通过调 Right margin (columns) 来“加内边距”，这是方向性错误。这条线只是软换行提示，不影响UI组件间距，也不控制左侧空白。
- 真正影响编辑区左右视觉留白的是
Editor → General → Appearance中的Show line numbers和Show gutter icons开关——关掉它们，左侧空白立刻变窄 - 右侧留白由编辑器内容区域宽度决定，唯一可控方式是调整IDE主窗口大小，或使用
View → Appearance → Distraction Free Mode全屏收窄边框 -
Code Style → JavaScript → Wrapping and Braces里的设置只影响代码自动换行逻辑，对UI布局零影响
改字体字号前先确认是否真需要自定义
很多用户装完汉化就急着换字体，结果选了 Microsoft YaHei 却没调字号，或选了14号却没勾 Use small fonts for tool windows，导致菜单行高不足、文字上下挤压——这不是重叠，是行高塌陷。
- 推荐组合：Windows用
Microsoft YaHei+ 字号13 + 勾选Use small fonts for tool windows - macOS用
PingFang SC+ 字号12，不勾小字体（系统原生适配更好） - 跨平台稳妥选
Noto Sans CJK SC，字号13，必须重启生效 - 改完若仍有重叠，优先怀疑
Zoom IDE或Widescreen tool window layout没关，而不是字体不对
真正难调的从来不是某一个参数，而是缩放、字体、布局模式三者之间的隐式耦合。每次只动一项，重启验证，比同时调五个地方更可靠。
