Nivo 滑块未居中答案

【问题标题】：Nivo Slider is not centeredNivo 滑块未居中
【发布时间】：2011-07-13 15:43:55
【问题描述】：

查看http://waterski.allthingswebdesign.com/index.php/site/index，你可以看到我的Nivo Slider 没有在背景上居中。我不明白为什么会这样。（忽略第二张和第三张图片，因为我知道它们的尺寸不正确，但第一张是）。

【问题讨论】：

【解决方案1】：

你有两个选择...

a：按照软件的设计用途进行操作，并使用图像的确切尺寸。

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

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

基本上，隐藏滑块 div 的所有痕迹，并将图像居中放在里面。这会很奇怪，但如果这就是你想要的，那么你也有更多的权力。

【讨论】：

【解决方案2】：

问题是图像大小，nivoSlider 使用它作为背景图像，所以没有像img标签或中心那样的redimension。图片为 830x302 px，nivoSlider 容器为 838x311 px，这就是你看到的差异。

【讨论】：

【解决方案3】：

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

第一个图像几乎可以做到，但由于没有，它在右侧和底部留下了一些空间。

【讨论】：