]."/> ].">

Maison  >  Article  >  interface Web  >  Comment obtenir un affichage centré des boutons en CSS

Comment obtenir un affichage centré des boutons en CSS

王林
王林avant
2020-08-20 16:55:335894parcourir

Comment obtenir un affichage centré des boutons en CSS

Jetons d'abord un coup d'œil à l'effet :

(Tutoriel recommandé : Tutoriel CSS)

Comment obtenir un affichage centré des boutons en CSS

Cela peut être réalisé grâce à des styles CSS simples

<div style="margin:0 auto;width:200px;">
<input class="submit" id="btn" type="submit" value="注册" />
</div>

Utilisez margin-left:auto;margin-right:auto pour centrer votre div.

.style{margin-left:auto;margin-right:auto;} La forme abrégée est : .style{margin:0 auto;} Le chiffre 0 signifie que les marges supérieure et inférieure sont 0. Peut être défini sur différentes valeurs selon les besoins. La largeur après

est également un attribut très important, car la largeur du bouton est très petite, vous devez donc définir une valeur de largeur appropriée pour centrer votre bouton.

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer