静态html中图像之间的空间在javascript中消失

我试图理解为什么在将代码切换到javascript时，我的空白消失了

这是一个静态html

这里是javascript中的“相同”

当我设置

字体大小时：0px
提前谢谢
 我会说，这是因为javascript将每个节都附加在前一节的结束标记之后，在前一节的结束标记和下一节的开始标记之间没有留下任何空间

HTML版本：

<section>
    <!-- content -->
</section>
<section>
    <!-- content -->
</section>



JS版本：

<section><!-- content --></section><section><!-- content --></section>

我想说，这是因为javascript在前一节的结束标记之后追加每个节，在前一节的结束标记和下一节的开始标记之间没有留下任何空间

HTML版本：

<section>
    <!-- content -->
</section>
<section>
    <!-- content -->
</section>



JS版本：

<section><!-- content --></section><section><!-- content --></section>

这是因为在基本html中有新行分隔节元素：

<section class="pic"></section>
<section class="pic"></section>



在使用JavaScript的方法中，它们粘在一行上：

<section class="pic"></section><section class="pic">



您可以阅读以下内容以更新有关如何避免内联块之间的间距的知识：
这是因为在基本html中，有新行分隔节元素：

<section class="pic"></section>
<section class="pic"></section>



在使用JavaScript的方法中，它们粘在一行上：

<section class="pic"></section><section class="pic">



您可以阅读以下内容以更新有关如何避免内联块之间的间距的知识：
只是在没有空格的静态html中测试了它，它的工作原理与您所说的一样。非常感谢！没问题，很高兴我能帮助@TherealPir在没有空间的静态html中测试它，它的工作原理和你说的一样。非常感谢！没问题，很高兴我能帮助@TheRealPir