Comment créer un habillage de texte dans un bouton HTML à largeur fixe ?

Envelopper le texte dans des boutons à largeur fixe

Si vous rencontrez un problème où un bouton HTML avec une largeur fixe n'enveloppe pas son texte , envisagez d'utiliser l'approche suivante :

Bouton à largeur fixe avec texte d'habillage

Vous pouvez accorder au bouton sa capacité de retour à la ligne en utilisant la propriété CSS d'espace blanc. En définissant white-space: normal, vous demandez au navigateur de couper le texte comme il le ferait pour du texte normal en dehors d'un bouton.

Exemple :

<code class="css">td.category_column input[type="submit"] {
  white-space: normal;
  /* Other CSS styles */
}</code>

Explication :

L'exemple de code fourni ajoute white-space: normal à la classe CSS appliquée au bouton dans l'extrait HTML d'origine. Cela modifie le comportement du bouton tout en conservant la largeur fixe et les autres styles. En conséquence, le texte à l'intérieur du bouton sera désormais renvoyé à la ligne comme il le ferait dans une cellule de tableau typique.

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!