Comment Centrer Un Div

Table des matières:

Comment Centrer Un Div
Comment Centrer Un Div

Vidéo: Comment Centrer Un Div

Vidéo: Comment Centrer Un Div
Vidéo: Tutoriels HTML / CSS - Centrer un DIV et du Contenu avec le CSS 2024, Décembre
Anonim

Les normes modernes de mise en page n'interdisent pas l'utilisation de la mise en page sous forme de tableau, cependant, la mise en page en couches est en fait devenue une norme obligatoire lors de la création de sites. En plus des avantages évidents, la supplantation de la disposition des tables a apporté de nouveaux gros et petits problèmes. L'un d'eux est l'alignement horizontal de la structure des blocs dans la page. Examinons quelques façons pratiques de définir le calque au centre de la largeur de la page.

Comment centrer un div
Comment centrer un div

Nécessaire

Connaissances de base en HTML

Instructions

Étape 1

L'une des options permettant de résoudre le problème de l'alignement d'un calque (bloc DIV) au centre de la fenêtre d'une page ouverte n'est contournée qu'au moyen de HTML (HyperText Markup Language - "langage de balisage hypertexte"). Vous devez mettre le bloc à l'intérieur de la balise. Le code de page le plus simple, présenté de cette manière, peut ressembler, par exemple, à ceci:

Aligner un DIV au centre

Étape 2

Une autre option utilise CSS (Cascading Style Sheets). Dans le style du calque aligné, vous devez définir la détection automatique de la quantité de décalage par rapport aux bordures de la fenêtre. Le code d'une telle page dans sa forme la plus simple peut être, par exemple, comme ceci:

Aligner un DIV au centre

Conseillé: