最直接有效的方式是禁用显示：进入 Settings → Editor → General → Appearance，取消勾选“Show right margin”，白线立即消失；该选项控制是否渲染白线，与列数值无关。
WebStorm 编辑区右侧那条白线（即 right margin）不是“左右留白”，而是软性换行提示线，它不控制左侧空白，也不影响代码渲染或运行——只影响视觉边界和自动换行行为。关闭或移动它，关键在 Appearance 和 Code Style 两个设置入口，别去动配色方案或字体设置。
怎么彻底关掉右侧白线
最直接有效的方式是禁用显示，而非调节数值：
- 打开
Settings（Windows/Linux）或Preferences（macOS） - 进入
Editor > General > Appearance - 取消勾选
Show right margin - 点
Apply或OK，白线立即消失
这个选项控制的是“是否渲染这条线”，和具体列数无关。哪怕你之前设了 right margin 为 120，只要这里没勾选，线就不会出现。很多用户反复调数字却没效果，就是漏了这一步。
想改白线位置而不是关掉它
白线默认在第 80 列，但实际生效依赖两个条件同时满足：
-
Show right margin必须勾选（否则线不显示） -
Right margin (columns)的值必须在Editor > Code Style > [语言]下设置（如JavaScript、TypeScript） - 该数值只对当前选中的语言生效；HTML/CSS/JSON 等需单独设置
- 如果项目里有
.editorconfig，它的max_line_length会覆盖 WebStorm 设置
例如：你想让 Vue 文件白线在 100 列，就得进 Editor > Code Style > HTML（Vue 模板归 HTML 类型处理），把 Right margin (columns) 改成 100，再确保 Show right margin 是开启的。
为什么改了设置白线还在原位
常见卡点不在操作路径，而在作用域和缓存：
- 改完
Code Style后没点Apply—— WebStorm 不自动保存，点了OK才算提交 - 当前文件类型未匹配到对应语言设置（比如 .ts 文件被识别为 Plain Text，就不会读 TypeScript 的
right margin） - 打开了
Editor > General > Virtual Space，此时光标可移到行尾外，白线视觉上“偏移”其实是光标位置造成的错觉 - 重启 WebStorm 后仍无效？检查是否启用了
Settings Sync，远程配置可能强制覆盖本地设置
临时验证是否生效：新建一个纯文本文件（.txt），它不受任何语言规则约束，Show right margin 关闭后白线一定消失——这是判断设置是否真正起效的干净测试环境。
白线本身不影响代码逻辑，但它和 Wrap at right margin（自动换行）联动紧密。如果你开了自动换行又关了白线，编辑器仍会在设定列折行，只是没了视觉参考——这点容易被忽略，尤其在写长 URL、正则或模板字符串时。
