Comment aligner horizontalement les DIV dans un conteneur DIV ?

Alignement des DIV horizontalement

Lorsque vous essayez de centrer les DIV horizontalement dans un conteneur DIV, vous pouvez rencontrer des problèmes d'alignement. Cela peut se produire pour plusieurs raisons. Pour résoudre le problème, envisagez la solution suivante :

Utilisez l'affichage en bloc en ligne au lieu de Float

Au lieu d'utiliser la propriété float, envisagez d'utiliser l'affichage : inline- attribut de bloc. Cela garantira que les DIV sont affichés sous forme d'éléments en ligne, permettant un alignement horizontal.

Code mis à jour

Pour implémenter cette solution, modifiez votre code CSS comme suit :

<code class="css">.row {
  width: 100%;
  margin: 0 auto;
}
.block {
  width: 100px;
  display: inline-block;
}</code>

Cet ajustement corrigera le problème d'alignement horizontal, permettant aux DIV d'être positionnés au centre du conteneur. Il est à noter que cette approche est particulièrement adaptée aux scénarios où la largeur des DIV est fixe ou relativement similaire.

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!