Wie erreicht man Textumbruch in HTML-Schaltflächen mit fester Breite?

Textumbruch in HTML-Schaltflächen mit fester Breite

Problembeschreibung:

Benutzer stoßen möglicherweise auf a Situation, in der der Text innerhalb einer HTML-Schaltfläche mit fester Breite nicht umbrochen wird. Trotz der Versuche, einen Zeilenumbruch zu verwenden, werden die Wörter abgeschnitten, selbst wenn Platz vorhanden ist.

Lösung:

Um den Textumbruch in HTML-Schaltflächen mit festen Breiten sicherzustellen, Verwenden Sie die CSS-Eigenschaft:

white-space: normal;<br>

Diese Eigenschaft stellt Text wieder her Umbruch innerhalb der Schaltfläche, um sicherzustellen, dass sie sich wie jede andere Tabellenzelle verhält.

Beispiel:

Das folgende Snippet zeigt das Problem und die Lösung:

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

/>

Durch die Einstellung von white-space: normal; wird der Text innerhalb der Breite von 200 Pixel umbrochen Klicken Sie auf die Schaltfläche, um an Wortgrenzen zu brechen, um unschöne Kürzungen zu vermeiden.

Das obige ist der detaillierte Inhalt vonWie erreicht man Textumbruch in HTML-Schaltflächen mit fester Breite?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!