Question

我的网站上有一个Nivo Slider，请参阅下面的代码：

<!-- SLIDER START -->
    <div id="wrapper">
      <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="slider/images/image.jpg" />
            </div>
<!-- SLIDER END -->

/*===================*/
/*=== Main Styles ===*/
/*===================*/
.theme-default #slider {
    margin: 0 auto 0 auto;
    width: 100%; /* Make sure your images are the same size */
    height: 400px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:35px;
}

正如您所看到的，实际滑块的宽度为100％，因此它始终适合窗口的宽度。

某些图像的宽度不会与用户窗口的宽度相同，因为它是100％但我无法将滑块中的图像置于中心位置。

我做了保证金：0自动0自动;尝试使其成为中心但仍然没有

有关于此的任何想法吗？

Answer 1

如果您希望将text-align:center;作为中心，则应该可以在margin:0 auto;声明中使用.theme-default #slider而不是<img>。

Nivo Slider中的中心图像

1 个答案: