Dev Faq
0
votes

Comment faire des polices de différentes tailles verticalement centrées dans HTML Spans?

Je fais un contrôleur de pitch: 

#pitchWrapper {
  display: flex;
  align-items: center;
  vertical-align: middle;
}

#pitchValue {
  font-size: 200%;
}

#pitchButtons {
  font-size: 300%;
}

0 commentaires

4 Réponses :

1
votes

Pour votre CSS au lieu d'alignement vertical, essayez justify-contenu: Centre

0 commentaires
1
votes

Tout d'abord, vous ne pouvez pas utiliser le sélecteur d'identifiant et sélectionner plus et moins ensemble. L'identifiant doit être unique. Et pourquoi ne pas utiliser l'icône géniale de police?

p> 

  <script src="https://kit.fontawesome.com/dc0c634418.js" crossorigin="anonymous"></script>



<div id="pitchWrapper">
  <span class="pitchButtons">
      <i class="fas fa-minus"></i>
    </span>
  <span class="pitchValue">0</span>
  <span class="pitchButtons">
      <i class="fas fa-plus"></i>
    </span>
</div>

0 commentaires
1
votes

Vous pouvez utiliser align-items: base; code>.

p> 

<div id="pitchWrapper">
  <span class="pitchButtons">-</span>
  <span id="pitchValue">0</span>
  <span class="pitchButtons">+</span>
</div>

0 commentaires
0
votes

Vous pouvez utiliser code hexologique pour symboles mathématiques.

P> 

<div id="pitchWrapper">
  <span class="pitchButtons">&#8722;</span>
  <span id="pitchValue">0</span>
  <span class="pitchButtons">&#x2B;</span>
</div>

0 commentaires

Articles qui pourrait vous intéresser :

Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO
Select2 ne s'affiche pas correctement dans le mode bootstrap
Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
Comment puis-je définir un format pour les nombres d'entrée dans Blazor