HTML表单元素没有正确对齐

在花了好几个小时之后，我终于有了这个表格，我现在感到绝望……我不知道该做什么，也不知道为什么空间如此混乱和丢失

我贴了一张我想让它看起来像什么的照片，以及它目前的样子。。。。图特

任何关于做什么或有什么错的帮助都是非常感谢的。 令人敬畏的形式：

我的表格：

---

如果你想重新创建一些东西，最好是有时完全从头开始。从java生成的代码显然过于复杂，无法尝试和转换

因此，以下是您可以开始的设置：

我会让你自己做细节，图标不应该太难，当然也可以设计输入的样式。请注意，我使用了JSFIDLE完成的样式规范化，我建议您在自己的工作中也使用该样式表。只有真正在Chrome中测试过，所以你可能想检查和调试IE，当宽度受到限制时，它可能会崩溃。使用适当的clearfix也会稍微改进它。（溢出：自动清除该div中的浮动。）

---

没有表格。

我认为“令人敬畏的表单”使用表格进行对齐，或者使用其他方法，因此使用样式可以保持所有字段对齐。你有“令人敬畏的表单”（它的HTML/CSS代码）的来源吗？@Jeff Hodge:/有点离题。你真的应该考虑删除所有内联CSS的东西。维护起来会是一场噩梦。哇，这太可怕了xD让我们看看我能做些什么itI可以访问它的源代码，但是它的源代码是使用java strus动态生成的，所以不仅仅是源代码。@Eran“很棒的表单”不必使用表进行编码以进行对齐。现在，不使用表格进行格式化实际上是标准的（当然，除非您表示的是表格数据），您的表格非常漂亮！谢谢你，如果我在那里，我会拥抱你：P看起来比我的好得多：P，1个问题，可以在那个div中写下描述吗？当然，如果你喜欢，你可以用自己的控件替换那个div。我只是把div放在那里，作为所见即所得编辑器的一个表示。但是如果替换它，请确保将当前div的样式应用于新元素，以使其看起来正确。