html - 如何强制在新行上关闭HTML标签？

在VS Code中，我广泛使用Beautify。但是令我不安的是，结束标记始终与“ float ”文本或自动结束标记位于同一行。例如，在Beautify之前:

<div class="wrap">
    <img src="/wp-content/uploads/2018/08/image.png">
</div>
<div class="wrap">This is just some text
    <strong>but it needs to be emphasized</strong>! And then some...
</div>

在Beautify之后:

<div class="wrap">
    <img src="/wp-content/uploads/2018/08/image.png"> </div>
<div class="wrap">This is just some text
    <strong>but it needs to be emphasized</strong>! And then some... </div>

是否有一个设置或另一个扩展可以帮助使代码更接近第一个示例中的外观？或者我只是做错了什么？

在大多数时候，这并不重要，除了让我感到有点丑陋外，但是昨天我看到它实际上在Wordpress中造成了问题，我只是不能再使用Beautify，否则就有可能破坏格式。

最佳答案

没有选项强制结束标记到新行。

有用的一种设置是preserve_newlines。启用该选项后，如果您将标签放在自己的行上，则可以避免将标签拉回到同一行。

js-beautify(Beautify for VSCode的基础库)1.8.1版改进了该区域的行为，但是仍然没有选项强制将结束标记添加到新行中。

围绕此已提交了多个问题，包括#1468和#1413。始终欢迎公关。