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的值分别替换为元素高度和宽度的一半。