CSS边距自动不居中

我尽可能地简化了代码,但仍然无法使其成为中心.我相信我对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>

解决方法

如果要使用margin:auto进行定心,请将显示更改为阻止.这不适用于内联元素.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效