HTML 表单元素未正确对齐

标签 html css

花了好几个小时后,我终于得到了这个表格,我现在感到绝望……我不知道该怎么做,或者为什么空间如此困惑,就这样消失了……

http://jsfiddle.net/C7u9P/2/

我张贴了我正在努力让它看起来像什么的图片以及它目前的样子....T_T

任何关于做什么或出了什么问题的帮助都将不胜感激。 真棒形式: Perfect Form

我的表格: my troublesome form

最佳答案

如果你想重新创造一些东西,最好有时完全重新开始。从 Java 生成的代码肯定太复杂而无法尝试和转换。

所以这是您可以开始的设置:

http://jsfiddle.net/MwnSn/11/

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

没有表格。

关于HTML 表单元素未正确对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7152665/

相关文章:

css - 在 CSS 中重新定位菜单(使用列表)

javascript - 仅当单击检查元素时才能正确呈现 Div

javascript - 我需要添加一个用作幻灯片的轮播

html - 学习CSS,遇到垂直边框问题

javascript - jQuery 和 jQuery 插件唯一 id 选择

php - 评分已知时如何在 css 中显示星级?

javascript - 如何使用 three.js 制作带有 3d 模型的响应式 Canvas ?

ruby - 将 Ruby 时间转换为 HTML5 全局日期和时间字符串

Javascript 无法更改 css 文件中的样式?

javascript - reactjs中渲染方法内部的条件