CSS的margin auto不能居中对齐

Question

CSS的margin auto不能居中对齐

10

我已经尽可能简化了代码，但仍无法居中。我相信我的 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;
}

首页.html

<html>
  <body>

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

  </body>
</hml>

- Brandon Nadeau

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Peter Wooster · Accepted Answer

如果你想使用margin:auto进行居中，那么将显示更改为block。这在行内元素上不起作用。