图像滑块有多余的间隙答案

【问题标题】：Image slider has unwanted gap图像滑块有多余的间隙
【发布时间】：2014-06-24 19:52:14
【问题描述】：

我有这个图像滑块，滑块正下方有几个像素高的多余间隙。我想为其添加一个盒子阴影，但正如您在 jsfiddle 中看到的那样，由于间隙，它看起来很糟糕，我用红色边框突出显示了滑块，这样您就可以看到间隙，这是什么原因？可以修吗？

#slider {
    width:40%;
    float:left;
    border: 2px solid red;
    box-shadow: 0px 0px 4px 4px #000;
}

【问题讨论】：

这个问题出现的比较多，解决方法是把display:block加到#slider img - stackoverflow.com/questions/7774814/… 和google.co.uk/… 比如。
@NickR 这行得通，谢谢。我怎么能代表你，我没有看到选项？

【解决方案1】：

图像默认为inline 元素。它们周围添加了空白区域，以在它们和其他元素之间提供缓冲区。

只需将其添加到您的 CSS 中：

#slider img {
    display: block;
}

【讨论】：