html源码不自动换行，是编辑器渲染或格式化所致；需修改sublime、vs或vs code的word_wrap或formatter设置，而非html代码或css的white-space属性。
HTML源码本身不会自动换行——是编辑器在渲染或格式化时加的换行，必须改编辑器配置，不是改HTML代码。
Sublime Text 3 关闭 HTML 自动换行
Sublime 默认对所有文件启用 word_wrap，HTML 文件也不例外。关闭它只需两步：
- 临时关闭：菜单栏点击
View → Word Wrap，取消勾选 - 永久关闭：打开
Preferences → Settings – User，添加这一行："word_wrap": false
（注意逗号，确保 JSON 格式合法） - 如果只想对 HTML 文件关闭，可在
Settings – Syntax Specific中单独设置，但需先用快捷键Ctrl+Shift+P输入Set Syntax: HTML激活语法上下文，再打开对应设置文件写入"word_wrap": false
Visual Studio 中禁用 HTML 编辑器自动换行
VS 的 HTML 换行控制分语言级和全局级，容易混淆：
- 只关 HTML：打开
Tools → Options → Text Editor → HTML → General，取消勾选Word wrap - 若同时用了 Razor 或 ASP.NET Core 模板，还要检查
Text Editor → Razor → General是否也启用了换行 - 全局关闭（影响所有语言）：进
Text Editor → All Languages → General，同样关掉Word wrap；但不推荐，可能影响 Markdown 或日志查看 - 注意：VS 默认开启
Show visual glyphs for word wrap（换行箭头），它不改变行为，但会干扰视觉判断，可一并取消
white-space: nowrap 不是编辑器设置，别混用
这是常见误区：white-space: nowrap 是 CSS 渲染规则，作用于浏览器中 HTML 元素的显示效果，跟编辑器里源码是否换行完全无关。比如你在 Sublime 里写了：
<div style="white-space: nowrap">这是一长串不换行的文字</div>
这段 HTML 在编辑器里仍可能被格式化成多行（取决于编辑器的“reindent on save”或“auto wrap”插件），但浏览器渲染时文字确实不会折行。二者解决的是不同层面的问题。
如果你看到 HTML 源码被编辑器“切开”成多行，那是编辑器的格式化行为（如 Prettier、JS-Beautify 插件触发的），不是 white-space 生效了。
VS Code 中 HTML 自动换行由 formatter 控制
VS Code 默认用内置 HTML formatter，它会在保存时重排标签结构，造成“自动换行”。关闭方法：
- 禁用保存时格式化：在设置中搜
html.format.enable，设为false - 或保留格式化但禁用换行：设
html.format.wrapLineLength为一个极大值，比如9999 - 如果装了 Prettier，还需检查其配置：
prettier.printWidth控制换行阈值，设为999或更高可避免人为折行 - 注意：这些设置只影响保存/格式化动作，手动敲代码时的换行仍由编辑器
wordWrap控制（editor.wordWrap设为off）
真正难处理的是混合场景：比如你关了编辑器换行，但团队又强制用 Prettier 提交前格式化——这时候得统一配置，而不是单点修改。编辑器参数只是表层开关，底层 formatter 才是实际动刀的人。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
