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

Question

所以我在网上找到了这段javascript代码来解决文本可缩放问题。 查看源代码:http://www.spookandpuff.com/examples/dynamicTextSize.html
在我将其添加到我的代码之后。我的容器之间有一些空白，都是图像。空白只有在我添加脚本后才会出现，如果我删除它就会消失。 任何人都知道如何删除这个空白？

注意:我的 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 是容器。图片和文字都在容器中

Answer 1

如果我理解正确，那么尝试添加一个 css 属性:

img {
    display: block;
}

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