Wie erstelle ich einen Textumbruch in einer HTML-Schaltfläche mit fester Breite?

Text in Schaltflächen mit fester Breite umbrechen

Wenn Sie auf ein Problem stoßen, bei dem eine HTML-Schaltfläche mit fester Breite ihren Text nicht umbricht Erwägen Sie die Verwendung des folgenden Ansatzes:

Schaltfläche mit fester Breite und umbrechendem Text

Sie können der Schaltfläche die Fähigkeit zum Zeilenumbruch gewähren, indem Sie die CSS-Eigenschaft „Leerzeichen“ verwenden. Durch die Einstellung „white-space: normal“ weisen Sie den Browser an, den Text wie normalen Text außerhalb einer Schaltfläche umzubrechen.

Beispiel:

<code class="css">td.category_column input[type="submit"] {
  white-space: normal;
  /* Other CSS styles */
}</code>

Erklärung:

Das bereitgestellte Codebeispiel fügt „white-space: normal“ zur CSS-Klasse hinzu, die im ursprünglichen HTML-Snippet auf die Schaltfläche angewendet wird. Dadurch wird das Verhalten der Schaltfläche geändert, während die feste Breite und andere Stile beibehalten werden. Dadurch wird der Text innerhalb der Schaltfläche jetzt wie in einer typischen Tabellenzelle umbrochen.

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