Nivo滑块不居中

Question

查看http://waterski.allthingswebdesign.com/index.php/site/index，您可以看到我的Nivo滑块不在背景中心。我无法弄清楚为什么会这样。 （忽略第2张和第3张照片，因为我知道它们的大小不正确，但第1张照片是正确的。）

Answer 1

你有两个选择......

a：执行软件的设计并使用图像的确切大小。

b：从滑块本身移除边框样式和阴影，并将其应用于图像。然后使用一些CSS样式来居中图像。

#slider img{
    margin-left:0 auto;
    margin-right:0 auto;
}

基本上，隐藏滑块div的所有痕迹并将图像居中放置。这很奇怪，但如果这就是你想要的，那就更有力量了。

Answer 2

因为这里的Nivo Slider有特定的宽度和高度。你的图像都没有填满。 无您的图片。

第一张图片差不多了，但由于它没有，它会在右侧和底部留下一些空间。

Answer 3

问题是图像尺寸，nivoSlider将其用作背景图像， 所以没有像img标签或中心那样的重建。 图像为830x302像素，nivoSlider容器为838x311像素， 这就是你看到的差异。