1

我的网站上有一个 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自动；试着让它居中，但仍然一无所获

对此有什么想法吗？

4

1 回答 1

0

如果你想居中，你应该能够使用text-align:center;而不是margin:0 auto;在你的声明中。.theme-default #slider<img>

于 2013-03-28T23:31:40.600 回答