Comment envelopper du texte dans des boutons HTML à largeur fixe ?

Utilisation de la propriété White-Space pour envelopper le texte dans les boutons HTML

Dans les boutons HTML, l'attribution d'une largeur fixe peut restreindre l'affichage du texte à l'intérieur. Contrairement aux cellules d’un tableau, les boutons n’enveloppent généralement pas automatiquement leur contenu. Pour remédier à ce problème, la propriété word-wrap est souvent utilisée, mais elle peut briser les mots brusquement, laissant le résultat final indésirable.

Solution :

Pour garantir le texte encapsule les boutons HTML comme il le ferait dans les cellules d'un tableau, utilisez la propriété CSS d'espace blanc. Définissez la valeur sur normal, ce qui permet au texte de s'écarter de ses limites naturelles de mot :

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

En appliquant cette propriété, le texte à l'intérieur du bouton sera affiché comme prévu, en s'enroulant dans la largeur fixe spécifiée.

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!