删除页脚img＆amp;之间的填充页脚背景

Question

有一些非常简单的问题，但我找不到答案

所以基本上我有一个页脚徽标，然后在它下面的背景。 我在img和div之间有一个小填充（白色空格？），如何删除它？

HTML：

    <img src="footer_header.png"/>
    <div class="footeris">text</div>

CSS：

.footeris {
    background:#272727;
}

Answer 1

添加显示：阻止图像。默认情况下，图像是内联的，因此是空格。

.footeris {
    background:#272727;
    margin:0;
    padding:0;
}

img{
    display:block;
    width:100%;
}
}

<img src="http://placehold.it/350x150"/>
    <div class="footeris">text</div>

Answer 2

在你的img css中只包含display：block，你得到的是空格，因为img是内联元素，默认情况下会阻塞

请阅读文章了解更多信息 http://mor10.com/removing-white-space-image-elements-inline-elements-descenders/

.footeris {
  background: #272727;
}
img {
  display: block;width:30%;
 
}

<img src="https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" />
<div class="footeris">text</div>

Answer 3

<强> HTML

<img id="img" src="http://placehold.it/350x150"/>
<div id="footeris">text</div>

<强> CSS

#footeris {
    background:#272727;
    margin:0;
    padding:0;
}

img{
    display:block;
     margin:0;  
}