Question

我尽可能简化了代码，但仍无法将其置于中心位置。我相信我对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>

Answer 1

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

CSS边距自动不居中

1 个答案: