CSS边距自动不居中答案

【问题标题】：CSS margin auto not centeringCSS边距自动不居中
【发布时间】：2013-05-24 01:18:41
【问题描述】：

我已经尽可能地简化了代码，但仍然无法使其居中。我相信我对CSS 的缺乏经验不允许我看到非常简单的东西。

如果有人也知道一些好的 CSS 资源，那就太好了。我已经阅读了许多 CSS 书籍的章节，但它们都非常基础并且涵盖了相同的内容。

CSS 标记：

/* MAIN ––––––––––––––––––––– */
html {
    /* overflow-y:scroll; */
}
body {
    /* margin:0; */
    /* position:relative; */
}
/* Form ––––––––––––––––––––– */
#form {
    margin:0 auto;
    width: 300px;
    height: 200px;
    display: inline-block;
    border: 2px solid black;
}

index.html

<html>
  <body>

    <form id='form'></form>

  </body>
</hml>

【问题讨论】：

标签： css margin centering

【解决方案1】：

如果您想使用 margin:auto 进行居中，请将显示更改为阻止。这不适用于内联元素。

【讨论】：

Text-align:center 适用于 inline 和 inline-block 元素，如果您需要混合 inline 和 block，那么您可以使用它。