Bulma: Comment centrer un bouton dans une boîte?

Éblouir: 
<div class="box">
 <button class="button">Center me</button>
</div>

<button class="is-center"> ne fonctionne pas.

Mohammad Usman:

Oui, il existe une méthode native.

Bulma propose une has-text-centeredclasse pour centrer le texte inlineet les inline-blockéléments.

Vous pouvez utiliser le code suivant:

<div class="box has-text-centered">
  <button class="button">Center me</button>
</div>

Démo:

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.2/css/bulma.css" rel="stylesheet"/>
<div class="box has-text-centered">
 <button class="button">Center me</button>
</div>

Articles connexes

Comment centrer une boîte rect avec un svg

chewing-gum J'essaie de centrer cette clé svg à l'intérieur de la rectboîte mais je n'ai pas de chance, aucune pensée. Fondamentalement, j'aimerais centrer l' wrenchicône dans la rectboîte. <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.o

Comment centrer un bouton dans un div?

Foreyez J'ai un div dont la largeur est de 100%. J'aimerais centrer un bouton dedans, comment puis-je faire cela? <div style="width:100%; height:100%; border: 1px solid"> <button type="button">hello</button> </div> Loktar Réponse mise à jour Mise à jour parc

Comment centrer un bouton d'une image

BruceyBandit ayez juste une simple question HTML CSS. Comment placer un bouton sur l'image au centre ? Code actuel : .button-link{ text-decoration:none !important; color:white; } .button-td{ background:#FFA06A; text-align:center; } <table align="cente

Comment centrer un bouton dans jetpack Compose?

Ansh: Je crée une application de compteur simple à l'aide de jetpack compose and want, bouton à placer au centre de la mise en page, j'ai essayé d'utiliser Modifier.gravity (Alignment.Center), mais cela ne fournit aucun résultat, quelle devrait être la façon d

comment centrer un bouton dans kivy?

Maham Jilani Bonjour, je crée une application mais il y a un problème. Il y a 2 boutons chacun sur des écrans différents. Comment centrer les deux boutons ? Le 1er bouton est dans MainWindow et le 2ème bouton est dans ImportWindow. Veuillez vérifier mon code.