J'ai vu beaucoup de discussions et de débats sur ce sujet avec des solutions allant du CSS pur au HTML pur. Ils peuvent devenir assez compliqués, imbriqués divs au sein de divs, en utilisant des CSS assez intenses. J'ai pensé que je demanderais cependant, parce que j'ai besoin d'une solution simple à ce problème, et il ne doit pas s'appuyer sur des tables de CSS (ie {display: table;} parce que j'utilise cela pour montrer/cacher la div entière et solutions .?. à l'aide qui ne semblent jamais fonctionner très bien avec mon autre code Alors, comment dois-je faireQu'est-ce qu'une solution simple pour centrer verticalement sur une page Web?

2010-12-01 Stephen Searles

duplication possible de [centrage vertical css] (http://stackoverflow.com/questions/527811/css-vertical-centering) –

Oui, c'était l'une des discussions et des débats dont je parlais. J'ai passé un moment là-bas à essayer de trouver quelque chose pour faire fonctionner mon code et ça n'est pas arrivé, alors je suis là. –

je suis venu avec une solution, je ne suis pas sûr que c'est le meilleur ou le plus compatible, mais ici il est:

<style type="text/css"> 
    table.center { 
    width: 100%; 
    height: 100%; 
    } 
    h1.center { 
    text-align: center; 
    } 
</style> 

<div id="hide-able"> 
    <table class="center"> 
    <tr><td><h1 class="center">I'm centered!</h1></td></tr> 
    </table> 
</div>

Si vous avez une meilleure solution, s'il vous plaît partager!

Source

2010-12-01 03:48:49

Personnellement, je suis plus un type de gars «faites les choses» que d'un type «plus pur». Si une table fonctionne, alors allez-y. Franchement, je préfère fourrer la table étrange ici et là au lieu de faire de la gymnastique mentale en essayant de forcer une solution "div/css" à fonctionner. – NotMe

vous pouvez avoir votre div externe #wrapper{margin:0 auto;width:900px}

qui le fait bien. Assurez-vous d'inclure doc-type pour IE.

Source

2010-12-01 07:03:29 andrewk

oui. essayez ceci cependant

I'm centered!

– andrewk

ne serait-ce faire le contenu de centrer horizontalement plutôt que verticalement? –

oh haha .. désolé à ce sujet lire la mauvaise chose. C'est dommage.. – andrewk

Qu'est-ce qu'une solution simple pour centrer verticalement sur une page Web?

Répondre

I'm centered!

Questions connexes