Maison  >  Article  >  interface Web  >  Comment obtenir un habillage de texte dans des boutons HTML à largeur fixe ?

Comment obtenir un habillage de texte dans des boutons HTML à largeur fixe ?

Patricia Arquette
Patricia Arquetteoriginal
2024-10-30 13:44:26267parcourir

How to Achieve Text Wrapping in Fixed-Width HTML Buttons?

Aménagement du texte dans des boutons HTML à largeur fixe

Énoncé du problème :

Les utilisateurs peuvent rencontrer un situation où le texte d'un bouton HTML avec une largeur fixe ne s'enroule pas. Malgré les tentatives d'utilisation du retour à la ligne, les mots sont coupés même lorsqu'il y a de l'espace disponible.

Solution :

Pour assurer le retour à la ligne du texte dans les boutons HTML à largeur fixe, utiliser la propriété CSS :

white-space: normal;<br>

Cette propriété restaure le texte habillage du bouton, garantissant qu'il se comporte comme n'importe quelle autre cellule du tableau.

Exemple :

L'extrait suivant illustre le problème et la solution :

< ;pre class="lang-html Prettyprint-override">

/>

En définissant white-space: normal;, le texte s'enroulera dans les 200 px de large bouton, rompant les limites des mots pour éviter les troncatures disgracieuses.

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