更新

Question

input type=submit元素内外的以下div按钮以margin: auto为中心，在Firefox中查看但不在谷歌浏览器中查看：

HTML：

<div>
 <input type=submit value=submit>
</div>
<input type=submit value=submit>
text continues from here...

CSS：

div {
 width: 200px;
 background: green;
}

input {
 display: block;
 margin: auto;
}

根据 W3C ，是否有正确的行为？如何在Google Chrome中居中，注意宽度必须是变量，并且必须从下面的文字中清除按钮？

Answer 1

我怀疑问题是你没有在输入上定义宽度，所以它没有做自动边距。

INPUT是一个内联元素，因此最容易使用内联元素样式设置样式，例如父元素上的text-align: center。

http://jsfiddle.net/chrisvenus/wU5tb/是一个小提琴，展示了text-align: center对两个相关父元素（div和body）的影响。

因为这是为父元素设置样式，您可能会发现自己需要添加一些额外的块元素（例如p或div）以采用居中样式。

我在chrome，firefox和IE上测试了这一点，并且所有操作都符合预期。

Answer 2

使用align="center"将div内容/按钮置于中心位置。

<div align="center">
   <input type=submit value=submit>
</div>

DEMO