Comment centrer horizontalement une division en CSS ?-tutoriel CSS-php.cn

Comment centrer horizontalement une division en CSS ?

Mary-Kate Olsen

Libérer： 2024-11-29 13:58:09

original

808 Les gens l'ont consulté

How Do I Horizontally Center a Div in CSS?

Centrer une Div horizontalement en CSS

Question :

Comment centrer une image

horizontalement ?

Problème :

Définition de l'alignement du texte : centre ; sur le

ne le centre pas horizontalement.

Réponse :

Centrage horizontal des éléments de bloc

alignement du texte : centre; centre uniquement le contenu en ligne de l'élément, pas l'élément lui-même.
Pour les éléments de bloc (comme
), utilisez :
- margin: 0 auto;

Cela définit les marges supérieure et inférieure sur 0 et les marges gauche et droite sur automatiquement la même chose. taille. L'élément sera centré automatiquement, étant donné qu'il a une largeur connue.

Centrage horizontal pour les éléments en ligne

Définir text-align: center; sur l'élément parent à la place.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Article précédent：Comment puis-je rendre mes images responsives sur mon site Web ? Article suivant：Comment envelopper de longues chaînes ininterrompues dans des zones de texte HTML ?

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

2692

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

2820

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

2380

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...