html - 保证金：0自动；不工作

Question

这是小提琴：http: //jsfiddle.net/Tb3sF/。

我看了这个帖子。

我试过下面的代码（使用和不使用：显示：块和不同的宽度。）

.form {
   display: block;
   margin: 0 auto;
   width: 700px; 
}

谢谢！

Answer 1

它以 为中心，margin:0px auto但是，因为它是 700 像素，所以您看不到它在这么小的窗口内居中。

尝试将其降低到 300 像素；在这里看到 jsFiddle

或者，您可以在text-align:center; 这里使用 jsFiddle

Answer 2

它正在工作，如果您拉伸小提琴窗口，您可以确认这一点。此外，如果您将宽度更改为较小的尺寸，您也可以确认它。尝试添加边框，它将帮助您进行可视化。