0

このページの画像スライダーのドットで div を中央に配置する必要があります: https://dharman.eu/sites/daftpunk/

SOでこれを行う方法を検索したところ、次のスレッドが見つかりました: Position center of div tag, which width is unknown advanced

そこで与えられた解決策を適用しましたが、結果は期待どおりではありません。div は、本来あるべきよりも少し右に中央に配置されているように見えます。

ここで何が問題なのか誰か教えてもらえますか?

編集: これは FF で発生しています。Chrome の div はずっと右側にあります。

4

3 に答える 3

0 
<center style="width:750px;height:20px">
    <div id="sliderDots">
        <ul>
            <li class="activeDot"></li>
            <li class=""></li>
            <li class=""></li>
            <li class=""></li>
            <li class=""></li>
            <li class=""></li>
            <li class="">
            </li></ul>
    </div>
</center>

なぜ中央に 750px なのですか?

「コンテンツ」クラスの幅は 800px で、右パディング + 左パディングは 50px であるためです。

于 2012-12-01T20:18:12.450 に答える
0

絶対に配置され、同じスペースにある別のコンテナ div 内に div を配置することもできますが、sliderDots div を margin: auto を適用して相対的に作成します。

于 2012-12-01T20:18:43.307 に答える