添加javascript代码后容器之间的空白

所以我在网上找到了这段javascript代码来解决文本可伸缩性问题。 查看来源：
在我把它添加到代码中之后。我的容器之间有一些空白，这些都是图像。空白只有在我添加脚本后才会出现，如果我删除它，它就会消失。 有人知道如何删除这个空白吗

注意：我的div标签之间没有空格

.page1{
position:relative;
width:100%;
}

first_page_image{
width:100%;
}

.page1_text{
 position:absolute;
 bottom: 4%;
    margin-left:14%;
}
}
page2{
position:relative;
width:100%;
}

.second_page_image{
width:100%;
}

page2_text{
position:absolute;
margin-left:14%;
}

---

page1和page2是容器。图像和文本都在容器中

如果我理解正确，请尝试添加css属性：

img {
    display: block;
}

---

默认情况下，图像是内联元素，因此此样式将有助于删除图像下方的空白。

这是因为默认情况下，图像是内联显示的，与文本垂直对齐。您可以通过两种方式解决此问题：

---

如果要使图像保持内联显示，请在图像上设置display:block或设置vertical align:top。

请尝试详细说明。这是很难帮助你这么少的信息。一个JSFIDLE就好了。我添加了两个图像，并在图像上添加了文本。但图像之间有空白，我不知道如何去除。复制问题的代码应该在问题中；不是通过第三方链接（JSFIDLE或该站点）