VS Code 自动格式化奇怪的换行行为

Question

这个问题让我抓狂。我用谷歌搜索并找到了很多建议，但没有一个对我有用。我有一个完美的问题示例供考虑。

我有三个按钮，位于三个单独的行上。当我自动格式化时，其中两个会分成多行。它们都相当短 - 不到 80 个字符，因此换行长度不应该成为问题。我已将默认 HTML 和 Prettier 行长度设置为 0 和 10000，并尝试禁用换行属性。我看到这些项目之间的主要区别是第一个按钮有一个单个属性，而其他按钮有两个。

我已经检查了我的扩展 - 我有很多扩展，但没有任何线索表明此问题有任何其他干扰。这是一些屏幕截图来说明我的问题。预先感谢您的任何建议！

格式化前

格式化后

HTML 设置

更漂亮的设置

扩展

Answer 1

Wrap 属性，“保留对齐”对我有用。

Answer 2

我必须更改一些内容才能使其正常工作（对于特定于 HTML 的文件）：

1. 将

   HTML > Format: Wrap Line Length

   设置为 0。将其设置为 0 会禁用换行开始之前单行上可以包含的字符数。或者，您可以将其设置为您希望强制任何单行不超过的金额。

2. 将

   HTML > Format: Wrap Attributes

   设置为

   preserve-aligned

   。