comment centrer un div en ligne en utilisant css?
Comment puis-je centrer une div en ligne (pas son contenu) en utilisant CSS?
TRÈS IMPORTANT: la largeur de la div est inconnue (je ne peux pas la spécifier)
Si vous voulez dire en ligne, sa propriété d'affichage CSS est définie sur inline, vous pouvez alors la centrer en donnant au conteneur parent immédiat un text-align:center
Si vous voulez dire un div dans un autre div, vous pouvez suivre cette approche si vous pouvez ajouter un wrapper et flotter les deux:
Comment centrer horizontalement un élément flottant de largeur variable?
J'ai résolu ça. Vous devez ajouter un nouveau div avec text-align:center en dehors de votre divcomme ceci
<div style="text-align:center;"> <div>
qui n'est pas au centre avec affichage en ligne </div></div>
C'est la solution la plus simple et la plus simple
.center {
display: table;
margin: auto;
}
Enveloppez-le dans un div dont vous pouvez spécifier la largeur, puis définissez les marges du div en question sur: margin: 0, auto;
vous pouvez probablement vous en sortir avec display:inline-block et text-align:center; sur l'élément parent si vous voulez qu'il soit "en bloc". vous devrez probablement lui donner un vertical-align:top