Il centro, con margine automatica non funziona

Io uso jQuery animazione nella mia pagina che aggiunge alcune proprietà CSS e non capisco il motivo per il margin: auto non funziona.

Il codice HTML (con proprietà di stile aggiunto da 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>

Mio codice CSS :

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

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

Non so che proprietà blocca il margin: auto per centrare l’immagine.

Grazie.

Che browser stai testando?
Chrome, Firefox e Opera
larghezza:100%, margin:auto; io non ger tua domanda chiaramente, jsfiddle.net
Non capisco cosa vuoi Shibin.

OriginaleL’autore Guillaume | 2012-05-16

4 risposte

  1. 2

    Aggiungere text-align:center; per .content_tuto e centro

    Nota, si hanno le larghezze style="width: 7680px; ... e style=".. width: 1280px; ... , in modo che quando si centro si sono centraggio per la larghezza.

    Sì che funziona ! Ma perché margin: auto; non funziona
    Poiché si desidera che il margine di immagine con schermo di blocco, invece, di un div, controllare questo jsfiddle.net/xVNbQ/1

    OriginaleL’autore Hitham S. AlQadheeb

  2. 5

    So che questo è un vecchio post, ma volevo condividere come ho risolto lo stesso problema.

    La mia immagine è stata ereditare un float:left da parte di un genitore della classe. Impostando float:none sono stato in grado di fare margin:0 auto funzionare correttamente. Spero possa aiutare qualcuno in futuro.

    Thankk grazie grazie! Hai appena salvato la mia giornata.

    OriginaleL’autore Ryan Hollingsworth

  3. 1

    non funziona perché hai impostato la larghezza di .content_tuto per 100%;

    Quale ? Nel tuto_wamp o in .content_tuto ?
    Come si può avere “una quantità uguale di margine su ogni lato” di qualcosa che NON ha alcun margine su ogni lato? Se siete sicuri al 100%, poi si riempie TUTTO lo spazio, quindi entrambi i margini laterali sono 0. Non è possibile centrare un box che è 100% di larghezza.

    OriginaleL’autore xandercoded

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *