縮排換行標籤文字的後續行

當面臨表單寬度的限制時，標籤文字可以換行到多行，從而美觀的擔憂。雖然第一行由於輸入元素的存在而縮進，但後續行可能不會縮進，從而產生不均勻的外觀。

要僅使用CSS 實現縮排的第二行和後續行，請考慮使用以下方法：

要僅使用CSS 實現縮排的第二行和後續行，請考慮使用以下方法：將輸入元素及其標籤包含在具有類別「checkbox-field ” 的父容器中。將此父級的顯示屬性設為 "flex" 並將 flex-direction 設為

.checkbox-field {
  display: flex;
  flex-direction: row;
}

.checkbox-field { 顯示：柔性； 彎曲方向：行； }

  
  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

此解決方案可靈活地將標籤文字調整為可用寬度，同時保持一致的視覺外觀。