Comment centrer une image horizontalement et verticalement dans une division ?

Positionnement d'une image au centre d'un div

Vous souhaitez positionner une image dans un div de telle sorte qu'elle réside exactement au milieu et au centre. Pour réaliser cet alignement, suivez ces étapes :

1. Créez la Div avec un positionnement absolu :

<div>

2. Configurer les propriétés de l'image :

#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

• margin-left: auto; : Cela garantit que l'image est positionnée sur le bord droit du div.
• margin-right: auto; : positionne simultanément le bord droit de l'image sur le bord gauche du div.
• display: block; : convertit l'image en un élément de niveau bloc, permettant un centrage vertical.

Exemple :

<div>

Cette approche aligne l'image au centre du div, quel que soit le div. taille.

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!