2017-06-19 64 views
0

有在某些情况下,HTML和CSS一个问题,你可能有这样的代码:诀窍删除您的IDE中两个div之间的空格?

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

有时由换行符产生的空白导致布局问题。最明显的解决方法是如下:

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

这是不是在你的IDE理想,你可能有很多的内容(不换行)多个元素。有一次,我看到一个伎俩来解决这个问题,但我找不到它。

如何删除空白而不在文件中没有换行符?

回答

0

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

选项1:

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

出人意料的是,我的IDE并不介意这个的。但我仍然不喜欢它。

选项2(我的优先选择)

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

我觉得这是最好的选择。它修复了这个问题,并且在IDE中看起来还算不错。