Javascript 故障设置元素垂直居中

我对以下CSS设置有疑问：

如何设置元素垂直居中

.cycle-overlay { position:absolute; top:0; left:0; }

---

像这样使用。您需要使用div高度的一半指定负数

边距顶部

。这里我假设你的div的高度是200px

.cycle-overlay { position:absolute; top:50%; left:0; margin-top:-100px; }

---

首先，您需要为绝对定位的

元素设置高度，使其垂直居中对齐

.cycle-overlay{
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
   margin:auto;
   height:20px;
}

注意：顶部、左侧、右侧和底部仅接受数字值。
通常的方法是将对象从顶部移到50%，然后将对象宽度的50%留到后面：

.cycle-overlay{

 position: absolute;
 left: 0px;
width: 100%;

top: 50%;

height: (for example) 100px;

margin-top: (-height/2 that means:) -50px;

}

最后，如果你想把DIV固定在这个位置上，就把这个位置设置为绝对位置
我建议你阅读更多关于css的内容。没有顶部：中心<代码>中心

不是有效的属性值。可能重复感谢您的回答，但在我们的情况下有一个问题，我们无法确定高度…那么有没有其他方法来实现这一点。。。