HTML : puis-je afficher le texte du bouton sur plusieurs lignes ?

Question

J'ai un bouton avec un texte long comme "Cliquez ici pour commencer à jouer". Je veux contrôler la largeur et afficher le texte sur plusieurs lignes. Est-ce possible en html/css ?

Answer 1

Oui, vous pouvez l'avoir sur plusieurs lignes en utilisant la propriété css white-space :)

 input[type="submit"] {
    white-space: normal;
    width: 100px;
}

 <input type="submit" value="Some long text that won't fit." />

ajoutez ceci à votre élément

  white-space: normal;
 width: 100px;

Answer 2

Deux options:

 <button>multiline<br/>button<br/>text</button>

ou

  <input type="button" value="Carriage&#13;&#10;return&#13;&#10;separators" style="text-align:center;">

Answer 3

Ce CSS pourrait fonctionner pour <input type="button" .. :

 white-space: normal

Answer 4

Oui c'est le cas, et vous pouvez aussi l'utiliser comme ça

 <button>Click here to<br/> start playing</button>

si vous voulez faire la pause vous-même.

Answer 5

une autre façon d'améliorer et de styliser le texte multiligne est

  <button>Click here to<br/> 
     <span style="color:red;">start playing</span>

   </button>