html: comment faire toutes les DIV au centre de la page?

aime:html: comment faire toutes les DIV au centre de la page?

<body> 
<div></div> 
<div></div> 
</body>

Comment puis-je faire tous les DIVs au centre de la page Web?

Je veux dire dans le navigateur.

Source

2010-10-27 Bin Chen

HTML:

<div class="center"></div>

CSS:

div.center { margin: 0 auto; }

Bien sûr, si vous avez d'autres choses en dehors de ces divs, ils risquent d'interférer.

Source

2010-10-27 07:17:55 kijin

ne fonctionne pas, s'il vous plaît vérifier. –

les divs doivent avoir une largeur spécifique définie pour que cela fonctionne, par ex. 'div.center {margin: 0 auto; largeur: 800px} ' –

Je accepte conditionnellement cette réponse, le Graham Clark a un commentaire complémentaire plus précis. –

Soit créer une classe CSS ou mettre un style dans votre élément DIV:

margin:0px auto;

Source

2010-10-27 07:20:56 arame3333

'px' est redondant, car toute unité multipliée par zéro est de toute façon nulle. – kijin

Cela dépend de la page exacte, mais soit text-align: center ou margin: 0 auto sera probablement ce que vous avez besoin. Voir CSS Centering pour des informations générales sur le centrage et CSS Selectors afin que vous sachiez comment cibler les éléments appropriés.

Source

2010-10-27 07:22:41

Si vous utilisez text-align: center; assurez-vous d'utiliser ensuite text-align: left; sur le contenu dans les divs, sinon tout sera centré. – Lazlow

Yup, ça dit exactement ça dans le lien CSS Centering que j'ai posté. –

html: comment faire toutes les DIV au centre de la page?

Répondre

Questions connexes