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

如何阻止VS Code 1.19版本的水平自动滚动?

阻止VS Code 1.19中HTML长行自动水平滚动的方法

嗨,我来帮你搞定这个问题!要让过长的HTML行自动换行而不是触发水平滚动,只需要调整VS Code的换行设置就行,步骤很简单:

  1. 打开VS Code的设置界面

    • 用快捷键更方便:Windows/Linux按Ctrl + ,,Mac按Cmd + ,
    • 或者点击左下角的齿轮图标,选择「Settings」进入设置
  2. 搜索并调整全局换行设置
    在设置顶部的搜索框里输入word wrap,找到Editor: Word Wrap这个核心选项:

    • 当前你的设置应该是off(这就是导致长行水平滚动的原因)
    • 把它改成on,这样所有文件里超出编辑器窗口宽度的行都会自动换行,不会再出现水平滚动条
  3. (可选)仅针对HTML文件单独设置
    如果只想让HTML文件生效,不想影响其他语言的话,点击Editor: Word Wrap选项右侧的「Edit in settings.json」,在打开的配置文件里添加这段代码:

    "[html]": {
        "editor.wordWrap": "on"
    }
    

另外补充一下几个换行选项的区别,方便你按需选择:

  • off:关闭自动换行,长行超出时触发水平滚动(默认状态)
  • on:根据编辑器窗口的宽度自动换行
  • bounded:当行长度超过editor.wordWrapColumn(默认80列)或窗口宽度时换行,取两者中较小的那个

这样设置后,HTML里的长行就会乖乖自动换行,不会再横向滚动啦!

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.15 04:19:46