html - 如何使用CSS轻松将HTML元素居中放置在页面上？

我有一个表格，想直接在页面中间居中。我有这个CSS

#form {
         width: 240px;
         height: 100px
         margin: 0 auto;
         display: block;
       }

这只是水平地做。有垂直的方法吗？

最佳答案

我可能是错的，但是如果我没记错的话..这应该可以工作：

#form {
     width: 240px;
     height: 100px
     position: absolute; /* make sure this is wrapped by an element with "position: relative" */
     top: 50%;
     left: 50%;
     margin: -50px 0 0 -120px; /* half of the height and width */
   }

如果我错了，那么您可能必须使用javascript。

关于html - 如何使用CSS轻松将HTML元素居中放置在页面上？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4789614/