Wie umschließt man Text in HTML-Schaltflächen mit fester Breite?

Verwenden der White-Space-Eigenschaft zum Umbrechen von Text in HTML-Schaltflächen

In HTML-Schaltflächen kann die Zuweisung einer festen Breite die Anzeige von Text darin einschränken. Im Gegensatz zu Tabellenzellen wird der Inhalt von Schaltflächen normalerweise nicht automatisch umbrochen. Um dieses Problem zu beheben, wird häufig die Zeilenumbrucheigenschaft verwendet, die jedoch dazu führen kann, dass Wörter abrupt unterbrochen werden und das Endergebnis unerwünscht bleibt.

Lösung:

Um den Text sicherzustellen Wenn HTML-Schaltflächen wie in Tabellenzellen umbrochen werden, verwenden Sie die CSS-Eigenschaft „Leerzeichen“. Stellen Sie den Wert auf „Normal“ ein, wodurch der Text an seinen natürlichen Wortgrenzen umbrochen werden kann:

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

Durch Anwenden dieser Eigenschaft wird der Text innerhalb der Schaltfläche wie erwartet angezeigt und innerhalb der angegebenen festen Breite umbrochen.

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