5

私は自分のページでいくつかのCSSプロパティを追加するjQueryアニメーションを使用していますが、なぜ機能しないのかわかりmargin: autoません。

HTMLコード（jQueryによって追加されたスタイルプロパティを含む）：

<body style="overflow: hidden;">
    <div id="tuto_wamp" style="width: 7680px; height: 923px; ">
        <!-- Step 1 -->
        <div style="height: 549px; width: 1280px; margin-top: 0px; margin-left: 0px; position: absolute; overflow-y: hidden; overflow-x: hidden; ">
            <div class="content_tuto">
                <img src="images/install1.png" alt="">
            </div>
        </div>
    </div>
</body>

私のCSSコード：

#tuto_wamp 
{ 
    background: #3a393c;
    width: 100%;
}

.content_tuto
{
    width: 100%;
    margin: auto;
    display: block;
}

margin: autoどのプロパティが画像を中央に配置するのをブロックしているかわかりません。

ありがとうございました。

4

4 に答える 4

7

これは古い投稿であることは知っていますが、同じ問題をどのように解決したかを共有したいと思いました。

float:left私のイメージは親クラスから継承していました。設定することで、きちんと動作float:noneさせることができました。margin:0 auto将来誰かに役立つことを願っています。

于 2013-10-09T19:13:09.957 に答える
1

.content_tutoの幅をに設定しているため、機能しません100%;

于 2012-05-16T15:20:52.683 に答える
0

フィドルを作成し、視覚化して解決する境界線を追加しました

http://jsfiddle.net/meetravi/Y42Pf/

here から css の center a div をよく読むこともできます

http://stever.ca/web-design/centering-a-div-in-ie8-using-marginauto/

それが役に立てば幸い。

于 2012-05-16T15:41:31.343 に答える