在 Visual Studio Code 中禁用 HTML 属性对齐答案

【问题标题】：Disable HTML attribute alignment in Visual Studio Code在 Visual Studio Code 中禁用 HTML 属性对齐
【发布时间】：2017-02-07 20:15:25
【问题描述】：

当我格式化 HTML 文件时，VS Code 会堆叠元素属性。有什么办法可以禁用吗？

【问题讨论】：

【解决方案1】：

默认设置为：

"html.format.wrapAttributes": "auto"

带有"auto"的意思：

仅在超过行长时包装属性。

行长在不同的设置中定义，默认为120：

// Maximum amount of characters per line (0 = disable).
"html.format.wrapLineLength": 120

因此，将 "html.format.wrapLineLength" 设置为 0 应该会给您所需的行为。

【讨论】：

【解决方案2】：

这对我有用。在您的“Settings.json”文件中添加该行

"prettier.printWidth": 300

【讨论】：

【解决方案3】：

如何调试这个问题：

点击 HTML

注意 force 选项，但还要看一下 Wrap Line Length。

在那里进行测试以获得预期的结果，但是...

首先测试 HTML 格式

现在返回并测试您的其他每个格式化程序，例如 Prettier 和 TidyHTML 等。

似乎对我有用的是将默认的 120 换行线长度更改为另一个值。我尝试了 0 并且仍然有同样的问题，但是由于某些奇怪的原因，值 20 起作用了。我不明白为什么，它只是工作。

【讨论】：