Maison  >  Article  >  interface Web  >  Comment créer un habillage de texte dans un bouton HTML à largeur fixe ?

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

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-30 16:08:52406parcourir

How to Make Text Wrap in a Fixed-Width HTML Button?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn