2013-05-28 25 views
10

Ho semplificato il codice il più possibile, ma non riesco ancora a centrarlo. Credo che la mia inesperienza con CSS non mi consenta di vedere qualcosa di estremamente semplice.margine CSS non centrato

Se qualcuno conosce anche delle buone risorse per i CSS, sarà fantastico. Ho letto alcune sezioni di molti libri di CSS ma ce ne sono tutte molto semplici e trattano la stessa cosa.

CSS Markup:

/* MAIN ––––––––––––––––––––– */ 
html { 
    /* overflow-y:scroll; */ 
} 
body { 
    /* margin:0; */ 
    /* position:relative; */ 
} 
/* Form ––––––––––––––––––––– */ 
#form { 
    margin:0 auto; 
    width: 300px; 
    height: 200px; 
    display: inline-block; 
    border: 2px solid black; 
} 

index.html

<html> 
    <body> 

    <form id='form'></form> 

    </body> 
</hml> 

risposta

18

modificare la visualizzazione per bloccare se si desidera utilizzare margin: auto per il centraggio. Questo non funziona con elementi in linea.

+0

ok, è qui che ho sbagliato molte volte, grazie. – Crispy

+2

Allineamento del testo: il centro lavora su elementi inline e inline-block se è necessario mescolare inline e bloccare, quindi è possibile utilizzarlo. –

Problemi correlati