中心输入字段,容器是必须的吗?

时间:2012-07-30 09:35:55

标签: css center

我试图将输入字段居中,但是,它似乎忽略了边距:0 auto;设置。

需要一个集装箱来集中它吗?或者我做错了什么?

以下是我的示例代码,如您所见,框是居中的,但不是输入字段。

http://jsfiddle.net/EXZJm/

很多人。

3 个答案:

答案 0 :(得分:3)

input设为块元素 - http://jsfiddle.net/EXZJm/2/

  input{
      margin: 0px auto; 
      width: 100px;
      display: block; /* this */
  }

答案 1 :(得分:0)

只需将text-align:center添加到父元素即可。

答案 2 :(得分:0)

默认情况下,输入是内联元素,您可以在父框中使用text-align: center;并省略输入上的边距。