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% であるため、ユーザー ウィンドウと同じ幅にはなりませんが、何らかの理由でスライダーの画像を中央に配置できません。

margin: 0 auto 0 auto; を実行しました。それを中心にしようとしますが、それでも何もしません

これに関するアイデアはありますか？

4

1 に答える 1

0

それを中央に配置したい場合は、宣言text-align:center;ではなく使用できるはずです。margin:0 auto;.theme-default #slider<img>

于 2013-03-28T23:31:40.600 に答える