我遇到了一个非常烦人的问题。由于某种原因,我 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
谁能说出为什么会有空格?
最佳答案
关于jquery - 当它们被设置为 0 时图像有填充/边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34617063/