In einem Formular mit begrenzter Breite kann längerer Beschriftungstext auf mehrere Zeilen umgebrochen werden, jedoch nur auf die erste Zeile wird aufgrund des zugehörigen Eingabeelements häufig eingerückt. Dies kann zu einem unorganisierten Erscheinungsbild führen.
Um dieses Problem zu beheben und alle Zeilen konsistent einzurücken, können Sie CSS verwenden:
.checkbox-field {</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">display: flex; flex-direction: row;
}
<div class="checkbox-field"></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><input type="checkbox" id="check"> <label for="check">Field 2 Label, may be longer than normal, This is an example for this lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem</label>
Der CSS-Code:
Der HTML-Code:
Mit diesen Anpassungen wird der Beschriftungstext konsistent umbrochen und eingerückt, was zu einer visuell organisierten Form führt.
Das obige ist der detaillierte Inhalt vonWie kann ich mehrzeiligen Beschriftungstext auf Formularen mit begrenzter Breite einrücken?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!