向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);