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

So steuern Sie den Textumbruch in HTML-Schaltflächen mit fester Breite

In HTML-Schaltflächen mit einer vordefinierten Breite bleibt der Text oft unzerbrechlich, was dazu führt umständliche Kürzung. In diesem Artikel wird eine Lösung für dieses Problem untersucht, die den nahtlosen Umbruch von Schaltflächentext wie Tabellenzellen ermöglicht.

Ein fehlgeschlagener Ansatz besteht in der Verwendung der Zeilenumbrucheigenschaft. Auch wenn es intuitiv erscheinen mag, kann es dazu führen, dass Wörter mitten im Zeichen abgeschnitten werden.

Stattdessen liegt der Schlüssel in der CSS-Eigenschaft „Leerzeichen“. Wenn Sie die Schaltfläche auf „Normal“ einstellen, wird der Text wie bei normalem Text umbrochen:

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

Bedenken Sie die folgende Schaltfläche:

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

Wenn die Leerraumeigenschaft auf eingestellt ist Normalerweise wird der Text innerhalb der festen Breite elegant umbrochen, wodurch eine unschöne Wortsegmentierung vermieden wird.

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