margin-left:auto和margin-right:auto不在输入上工作

Question

我有一个表单中的输入,我试图在中心对齐.通常margin-left:auto并margin-right: auto不能当响应display: block不加入CSS.我已经添加display: block到我的CSS但仍然没有按照我的意愿显示.

我已经制作了一个更容易理解的JSFiddle:http://jsfiddle.net/XnKDQ/97/

Answer 1

为了margin: 0 auto;工作,除了display:block一个width需要被指定.

Answer 2

我为你找到了解决方案

你应该指定元素宽度

input {
  display: block;
  width: 60px;
  margin: 10px auto;
  padding: 3px;
}

Answer 3

就我而言，float: left就是我忘记了。因此，请确保您应用float: none到输入字段。

您已经有display: block和margin: 0 auto，也只需设置宽度。

应该起作用的示例：

input{
     width:50% !important;
     margin:0 auto !important;
     display:block !important;
     float:none !important;
}

如果这样不起作用，请尝试添加!important值或确保样式不会被其他内容覆盖。