删除 IDE 中两个 div 之间的空格的技巧？

Question

在某些情况下，HTML 和 CSS 存在问题，您可能有这样的代码：

<div>Element 1</div>
<div>Elemetn 2</div>

有时换行符产生的空白会导致布局问题。明显的修复如下：

<div>Element 1</div><div>Elemetn 2</div>

这在您的 IDE 中并不理想，因为您可能有多个内容很多的元素（没有换行符）。有一次我看到了一个解决这个问题的技巧，但我找不到它。

如何在文件中没有换行符的情况下删除空格？

Answer 1

在提交之前我找到了一个选项并记住了我真正喜欢的那个。

选项 1：

<div>Element 1</div
><div>Element 2</div>

令人惊讶的是，我的 IDE 根本不介意这一点。但是我还是不喜欢。

选项 2（我的首选选项）

   <div>Element 1</div><!--
--><div>Element 2</div>

我认为这是最好的选择。它解决了这个问题，并且在 IDE.

中看起来仍然相当不错