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

我想了解为什么在将我的代码切换到 javascript 时我的空白区域消失了。

这是静态 html JSFiddle Basic

这里是 javascript 中的“相同”JSFiddle JavaScript

当我在 css 中为静态 html 设置 font-size:0px; 时，我得到与在 javascript 中相同的结果。我只是不确定为什么会这样，并且想了解它。 javascript 与 html/CSS 有何不同？

提前致谢!

最佳答案

我会说这是因为 javascript 将每个部分附加在前一节的结束标记之后，在前一节结束标记和下一节开始标记之间不留空格。

HTML 版本:

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

JS 版本:

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

关于javascript - 静态 html 中图像之间的空间在 javascript 中消失，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37136395/