如何使用 css 使表单居中？答案

【问题标题】：how to center a form using css?如何使用 css 使表单居中？
【发布时间】：2013-02-01 03:52:38
【问题描述】：

字面上以所有四个边为中心。我看到很多教程只是使用

element.style.margin = "0 auto";

这仅以 X 轴为中心，而不是 Y 轴。

如何让它也通过 Y 轴居中？

【问题讨论】：

关于使用 CSS 垂直居中的块元素有上千个问题。这并不容易，但讨论了几次。如果您为此使用 Javascript，您可以简单地使用高度进行一些计算，然后自己将其居中（而不是留给 CSS）。

【解决方案1】：

我用过：

#myItem {
   position: fixed;
   top: 50%;
   left: 50%;
   width: 100px;
   height: 100px;
   margin-top: -50px;
   margin-left: -50px;
}

....之前，希望它有所帮助

【讨论】：

【解决方案2】：

在要垂直居中的元素上设置display: table-cell 和vertical-align: middle，并在要居中的其父容器元素上设置display: table。

【讨论】：