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

Comment contrôler l'habillage du texte dans les boutons HTML à largeur fixe

Dans les boutons HTML avec une largeur prédéfinie, le texte reste souvent incassable, ce qui conduit à troncature maladroite. Cet article explore une solution à ce problème, permettant l'habillage transparent du texte d'un bouton comme les cellules d'un tableau.

Une approche qui a échoué consiste à utiliser la propriété word-wrap. Bien que cela puisse sembler intuitif, cela peut entraîner la coupure de mots au milieu d'un caractère.

Au lieu de cela, la clé réside dans la propriété CSS des espaces blancs. Le définir sur normal pour le bouton permet au texte de se briser comme il le ferait dans un texte normal :

<code class="css">white-space: normal;</code>

Considérez le bouton suivant :

<code class="html"><input type="submit" ... style="width: 200px; white-space: normal;">Roos Sturingen / Sensors</input></code>

Avec la propriété d'espace blanc définie sur Normalement, le texte s'enroulera gracieusement dans la largeur fixe, évitant ainsi une segmentation de mots disgracieuse.

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!