Question

我正在尝试将一个表单居中，并将左侧的一些字段对齐。任何时候我将它们对齐到左边 - 它们不在网页的中心，而且无论何时我将表格放在中心，它们都不再对齐左边了。我有复选框字段。我该怎么办呢？ DIV？表？其他

这里是jsFiddle代码：http://jsfiddle.net/lucyw/FN5BH/13/

谢谢！

Answer 1

我在下面提供了一种非常标准的方法来实现您期望的最终结果：

HTML

<div class="container">
  <form>
    <label>foo</label>
    <input type="text" name="foo"/>
    <label>fooo</label>
    <input type="text" name="fooo"/>
    <label>foooo</label>
    <input type="text" name="foooo"/>
  </form>
</div>

<强> CSS

.container   { width:300px; background-color:#222; overflow:hidden;
               padding:10px; }
form         { color:#FEFEFE; width:250px; margin:0 auto;
               background-color:#F62; }
label, input { float:left; }
label        { clear:left; display:block; width:60px; }

http://jsfiddle.net/JQttx/3/

表单格式 - 中心表单并将其字段对齐到左侧

1 个答案: