jquery - 当它们被设置为 0 时图像有填充/边距

Question

我遇到了一个非常烦人的问题。由于某种原因，我 slider 中的图像设置了填充或边距。我应用了 0 边距和填充并添加了 position: absolute; 和 top: 0; 但这对消除这个空白没有任何帮助。

<div class="slider">
     <div class="slide"><img src="http://realtorcatch.com/images/subway2.jpg">
     <span>My Text for "FooBar1"!</span></div>
     <div class="slide"><img src="http://realtorcatch.com/images/beach2.jpg">
     <span>My Text for "FooBar2"!</span></div>
     <div class="slide"><img src="http://realtorcatch.com/images/space2.jpg">
     <span>My Text for "FooBar3"!</span></div>
  </div>
* {
    padding: 0;
    margin: 0;
}
.slider {margin: 0; padding: 0; position: absolute; top: 0;}
.slide {position: absolute; margin: 0; padding: 0;}
.slide img {display: block; max-width: 100%;}
.slide span {position: absolute; left: 0; top: 50%; text-align: center; width: 100%; font-size: 2em; color: white;}
.bx-controls.bx-has-controls-direction.bx-has-pager {margin-top: -50px;}

你可以在这里看到一个真实的例子:

http://jsbin.com/gizebukisi/edit?html,css,js,output

谁能说出为什么会有空格？

Answer 1

在您的 jsbin 中，这不是空白，而是您需要使用以下 css 将其删除的白色边框

.bx-wrapper{border: 0}

我更新你的JSBIN看这里