visual-studio-code - 在 Visual Studio Code 中禁用 HTML 属性对齐

Question

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

Answer 1

对此的默认设置是：

"html.format.wrapAttributes": "auto"

有"auto"含义：

仅当超过行长度时才换行属性。

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

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

所以设置"html.format.wrapLineLength"应该0会给你想要的行为。

Answer 2

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

"prettier.printWidth": 300

Answer 3

如何调试此问题：

点击 HTML

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

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

首先测试 HTML 格式

• 打开要编辑的文档，然后右键单击以格式化。

• 选择 HTML 格式化程序

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

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