Le bloc en ligne avec l'alignement du texte : centre peut-il remplacer l'affichage : tableau pour le centrage horizontal ?

Affichage central avec bloc en ligne : une solution alternative

Lors de l'alignement d'éléments centrés horizontalement avec un wrap, l'approche courante consiste à utiliser display: table pour le wrapper. Cependant, certains peuvent préférer une solution utilisant display: block ou display: inline-block.

La solution initiale présentait un problème : "wrap" display: table requis pour obtenir l'alignement souhaité. Une approche modifiée a émergé avec l'introduction de text-align: center appliqué à l'élément body et display: inline-block attribué au wrap. En supprimant display: table, nous arrivons à une solution alternative qui aligne efficacement les éléments centrés sans imposer de limitation de largeur fixe.

Code mis à jour :

body {
    background: #bbb;
    text-align: center;
}

.wrap {
    background: #aaa;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
}

Cette modification conserve l'alignement souhaité tout en offrant une approche plus propre et potentiellement privilégiée pour certains scénarios.

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!