Maison > interface Web > tutoriel CSS > le corps du texte

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

Patricia Arquette
Libérer: 2024-10-30 13:44:26
original
283 Les gens l'ont consulté

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!