html - 如何在流体布局中居中表单？

Question

如果我有一个宽度基于 % 的 div。在这个 div 中，我有 1 行有 2 种形式，1 行有 1 种形式。我怎样才能使表格在 div 中居中(两行)？

示例代码

HTML:

<div class="container">
    <input />
    <input />
    <br />
    <input />
</div>

CSS:

.container {
    width:70%;
    background:red;
}

Jsfiddle:http://jsfiddle.net/nc4L4bc5/

Answer 1

将 text-align: center 添加到 .container。在扩展和收缩期间保持居中。

.container {
  width: 70%;
  background: red;
  text-align: center;
}

<div class="container">
  <input />
  <input />
  <br />
  <input />
</div>