html - 向 div 添加文本会使文本向上移动

Question

我正在尝试向我的 div 添加文本，但每当我添加文本时，它都会将一些文本向上移出屏幕。每次我向 div 添加文本以更正此问题时，我都必须调整 margin-top。有什么方法可以让文本只在我添加文本时向下展开，这样我就不需要一直调整 margin-top 了吗？

https://jsfiddle.net/2ey21qj5/4/

div.test {
    margin-top:0cm;
    text-align:center;
    position: absolute;
    left:50%;
    transform:translate(-50%,-50%);
    background: grey;
    top: 5cm;
}

Answer 1

只需删除 transform: translate(-50%,-50%); 并根据需要放置文本。或者给它 0 个参数:transform: translate(0,0);