Css 左对齐表单标签，输入也左对齐

所以我试图创建一个带有标签的漂亮表单。这样做的目的是使所有标签都与输入对齐，同时左对齐。因为我还希望输入左对齐，所以每个标签和输入之间的空间是不同的

---

任何帮助都将不胜感激。一如既往地谢谢你，非常感谢

将标签的宽度设置为相同，所有输入都将对齐

label {
    display: inline-block; //So that we can set the width
    width: 40px; //Whatever the widest label will be.
}

---

如果添加更长的标签，可能会导致一些问题，您可能需要调整宽度，使其不会溢出。

您可以发布当前用于该部分的代码吗？为标签指定固定宽度Schleis说的和这里的内容：可能重复关于这一点的大量旧问题。该方法需要猜测标签的合适宽度，这是有风险的，因为您不知道实际使用的是哪种字体。在这方面，使用一个表格，正如前面关于这个问题的回答中所建议的，是优越的。我同意必须知道正确的宽度是这个解决方案的一个缺点。IMO认为，使用表格并不是一个更好的解决方案。在链接的问题中，有一些解决方案不需要将元素包装到表中。这是一个更好的解决方案。您所指的答案不包含任何代码，只包含链接，链接文档（碰巧仍然存在）对标签文本使用固定宽度设置。这不是一个必须知道正确宽度的问题；你怎么能不做疯狂的假设就知道它们呢？这是一个很好的解决方案。简单！作品