什么是img与父元素间隙？

你们知道吗？在没有文字的情况下图片也会有底部的空隙哦！那是主要原因是在HTML5文档声明下 块状元素内部的内联元素就像块状元素内部还有一个kan不见的空隙，就像是隐形的小怪兽一样，让我们hen烦恼。

父元素没有设置宽高，怎么办？

你们kan，图片和div之间有间隙，这是主要原因是父元素没有设置宽高， 原来小丑是我。 由图片撑开的。那我们该怎么办呢？

解决img标签上下出现间隙的方法

方法一：让图片和div紧密相连

我们可yi直接把img标签和div标签写在一起， 就像好朋友一样，紧紧地挨在一起，这样就不会有间隙了。

方法二：调整CSS样式

1. 摆烂。 设置图片为块级元素把img标签设置为块级元素，这样它就不会受内联元素的影响了。

2. 调整父元素行高我们可yi调整父元素的行高，让图片和父元素紧紧地贴在一起，换位思考...。

3. 雪糕刺客。 使用浮动属性我们还可yi使用浮动属性，让图片和父元素一起浮动，这样就不会有间隙了。

消除图片之间水平间隙的方法

方法一：删除空格

你们知道吗？有时候图片之间的间隙是主要原因是空格造成的，suo以我们只需要把空格去掉，图片之间就不会有间隙了，最后说一句。。

方法二：设置父元素文本大小为0

害... 我们还可yi设置父元素的文本大小为0，这样图片之间就不会有间隙了。

方法三：使用浮动布局

你我共勉。 使用浮动布局也是一个不错的选择，可yi让图片紧密排列在一起。

tong过以上方法，我们就可yi轻松解决img与父元素间隙的问题啦！下次遇到这个问题，就按照这个方法来操作吧！记得要多多练习哦！这样，我们就可yi成为网页制作的达人啦！嘿嘿，期待你们的作品哦，我不敢苟同...！