Javascript 如何使用css将表单居中?

Javascript 如何使用css将表单居中?,javascript,css,centering,Javascript,Css,Centering,从字面上看,以所有四个面为中心。我看到很多教程只是使用 element.style.margin = "0 auto"; 这仅使其在X轴上居中,而不是在Y轴上居中 如何通过Y轴使其居中?我使用了: #myItem { position: fixed; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; } 。。。。之前希望它有

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

element.style.margin = "0 auto";
这仅使其在X轴上居中,而不是在Y轴上居中

如何通过Y轴使其居中?

我使用了:

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

。。。。之前希望它有助于

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

在使用CSS垂直居中的块元素上,有上千个问题。这并不容易,但讨论了好几次。如果您使用Javascript来实现这一点,您可以简单地使用高度进行一些计算,然后自己将其居中(而不是留给CSS)。对我来说,它有点像66%左右移动。我相信您必须将margin top和margin left的值分别替换为元素高度和宽度的一半。