Quelle est la meilleure pratique de configuration des propriétés CSS pour obtenir une page centrée horizontalement?

Question

Jusqu'à maintenant, j'ai deux choix (peut-être il y a plus à l'extérieur):

1. Définissez la largeur de l'étiquette du corps à une longueur fixe et définir la marge horizontale de l'étiquette du corps à l'auto. Cela fait que tout le contenu est centré horizontalement.
2. Créez un div enveloppant à l'intérieur du corps. Définissez la largeur de la div de wrapping à une longueur fixe et définissez la marge horizontale de celle-ci sur auto. Il rend également tout contenu à l'intérieur de la div d'emballage centré horizontalement.

Je ne sais pas, lequel est le meilleur. Ou si vous avez une autre alternative que vous considérez la meilleure, faites le moi savoir.

Answer 1

Un div wrapper est plus flexible, car vous ne savez jamais quand vous voulez qu'un élément ne soit pas centré. Quelques mois plus tard, si le site nécessite des changements, vous serez heureux d'avoir un div wrapper, finit par être moins de travail, car vous pouvez avoir des frères et sœurs de l'emballage div et faire ce que vous voulez avec eux. Cela dit, si c'est un exemple/site trivial assez simpliste, allez-y et allez à 0 auto l'élément body.