我有一个表格,想直接在页面中间居中。我有这个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/

10-11 02:15