CSS-Rand Auto nicht zentriert

Ich habe den Code so viel wie möglich vereinfacht, aber immer noch nicht in der Mitte zu bekommen. Ich glaube, meine Unerfahrenheit mit CSS erlaubt mir nicht, etwas sehr einfaches zu sehen.CSS-Rand Auto nicht zentriert

Wenn jemand auch einige gute Ressourcen für CSS kennt, wird das großartig. Ich habe Abschnitte vieler CSS Bücher gelesen, aber dort sind alle sehr grundlegend und decken die gleiche Sache ab.

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>

Quelle

2013-05-28 Crispy

Ändern der Anzeige zu sperren, wenn Sie Rand verwenden möchten: Auto zur Zentrierung. Das funktioniert nicht mit Inline-Elementen.

Quelle

2013-05-28 22:49:26

okay, das ist, wo ich dann oft falsch gegangen bin, Danke. – Crispy

Text-Align: Center funktioniert bei Inline- und Inline-Block-Elementen, wenn Sie Inline und Block mixen müssen, dann könnten Sie das verwenden. –

CSS-Rand Auto nicht zentriert

Antwort

Verwandte Themen