如何在寬度有限的表單上縮排多行標籤文字？

在有限寬度的表單中縮排多行標籤文字

在寬度有限的表單中，雖然較長的標籤文字可能會換行到多行，但只有第一行由於關聯的輸入元素，通常會縮排。這可能會導致外觀無組織。

要解決此問題並一致地縮排所有行，您可以使用CSS：

 .checkbox-field {</p><pre class="brush:php;toolbar:false">display: flex;
flex-direction: row;

}

<div class="checkbox-field"> </p><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>

> ;

CSS 代碼：

• 將彈性框應用於容器元素.checkbox-field。一個容器元素來保存輸入和標籤元素。 🎜>
透過這些調整，標籤文字將一致地換行和縮進，從而形成視覺上組織的形式。

以上是如何在寬度有限的表單上縮排多行標籤文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！