使用CSS的简单表单布局

我有以下html代码：

<form>

  <div class="form-group">
    <label>Label1</label>
    <input/>
  </div>

  <div class="form-group">
    <label>Longer label 2</label>
    <textarea>Some text</textarea>
  </div>

</form>

---

您应该为此使用引导。创建这种布局将非常有帮助。

Flexbox是您最好的朋友。引导网格也基于它们

---

然后，您可以根据自己的需要设置表单组的样式，如flex grow flex order…

CSS表格

。表单组{
显示：表格行；
垫底：1米；
}
标签{
显示：表格单元格；
垂直对齐：顶部；
填充：0.5em.5em
}

标签1
长标签2
一些文本

@r03请不要仅仅因为你没有充分说明你的问题就否决投票。使用bootstrap的建议是显而易见的，但仍然是一个有效的答案。建议框架是一个注释而不是答案。@Paulie\u那么为什么您的ans没有被声明为solutionm呢

Label1           Input
Longer label 2   TextArea

<form style="display:flex; flex-wrap: wrap;">
  <div class="form-group">
  </div>
  <div class="form-group">
  </div>
</form>