我试图在一个表单中对齐多个输入并选择框。我尝试了各种 CSS 样式来尝试对齐它们，但一切似乎都失败了（？？）。
我的 html 可以在这里找到。
http://jsfiddle.net/felix001/kA8cd/3/
有谁知道对齐这些元素的任何简单方法。
谢谢，
问问题
68 次
4 回答
0
有谁知道对齐这些元素的任何简单方法。
是的，你可以使用 Twitter Bootstrap：http: //twitter.github.com/bootstrap/
它为常见的 HTML 元素（包括表单）提供了出色的、编写良好的样式。以它们为起点并从那里扩展。
于 2012-06-25T21:38:55.427 回答
0
他们过去常说不要使用表格来布置非表格数据，但在这种情况下，如果你想要一个快速而简单的解决方案，它会起作用。（并不是说我在宽恕使用表格进行布局；只是把它放在那里，如果其他所有方法都失败了，这是一个选项。）
于 2012-06-25T21:42:38.727 回答
0
如果您只想将它们的标签对齐在左侧，在右侧输入，您可以尝试以下操作：
标签 { 明确：两者；向左飘浮; 最小高度：35px；} 输入，选择 { 浮动：对；}</p>
这不是最好的解决方案，但如果您正在寻找简单、快速和简单的东西，它应该可以工作。您可能希望将所有内容包装在一个 div 中并在该包装器上设置一个宽度，以便字段和标签也更靠近在一起。
于 2012-06-25T22:23:07.180 回答
0
我喜欢使用列表来排列我的表格。我不能说这种方法是否仍然被广泛采用，但它对我很有帮助。我玩弄了你的小提琴，给你一个我如何用列表布置表单的例子，但我没有为你的例子完全设计样式:)
另一个列表示例http://woork.blogspot.com/2008/06/form-elements-design-using-css-and-list.html
列表允许我处理好块。就像@Roddy 说的那样，表格可以工作，但是更好的选择可能是将您的 div 布局为具有类似属性的表格display: table-cell。
你也可以像这个人一样使用花车http://www.dailycoding.com/Posts/layout_form_without_tables_with_css_trick.aspx
我认为所有这些方法都相当不错。如果您需要更具体的答案，请提供有关您希望如何调整表格的详细信息。
于 2012-06-25T22:24:26.367 回答