文本对齐：位置：绝对时中心不工作，使用javascript？

我正在制作一个滚动评论部分，它的工作原理是让php响应几个元素，并用javascript设置它们的顶级属性的动画。除了我将它们的位置设置为绝对并同时使用javascript之外，一切似乎都很正常，这导致了文本对齐：只有当文本中有多行时，中心才起作用。这是我的密码：

HTML（大致是这样的，通过PHP进行响应，也对内联样式表示歉意）

你好，世界！
你好，世界！
你好，世界！
你好，世界！

Javascript

var offset = 0;
var i = 0;
for(i = 0; i < 3; i++) {
    obj = document.getElementById("element" + i);
    obj.style.top = offset + "px";
    offset += obj.clientHeight;
}

function moveComments() {
var i1 = 0;
    for(i1 = 0; i1 < 3; i1++) {
    obj = document.getElementById("element" + i1);
    obj.style.top = parseInt(obj.style.top) - 1 + 'px';
        if(parseInt(obj.style.top) <= -offset)
    obj.style.top = offset + 100 + "px";
    }
}

setInterval(moveComments, 10);

var offset=0；
var i=0；
对于（i=0；i<3；i++）{
obj=document.getElementById（“元素”+i）；
obj.style.top=偏移量+px；
偏移量+=obj.clientHeight；
}
函数moveComments（）{
var i1=0；
对于（i1=0；i1<3；i1++）{
obj=document.getElementById（“元素”+i1）；
obj.style.top=parseInt（obj.style.top）-1+'px'；
if（parseInt（obj.style.top）
position:absolute
导致元素的宽度自动收缩以适合其内容

文本对齐：居中
使文本在块元素的边界内居中。

如果块元素不比文本宽，则它不会做任何事情

你需要给它一个更大的宽度

var offset = 0;
var i = 0;
for(i = 0; i < 3; i++) {
    obj = document.getElementById("element" + i);
    obj.style.top = offset + "px";
    offset += obj.clientHeight;
}

function moveComments() {
var i1 = 0;
    for(i1 = 0; i1 < 3; i1++) {
    obj = document.getElementById("element" + i1);
    obj.style.top = parseInt(obj.style.top) - 1 + 'px';
        if(parseInt(obj.style.top) <= -offset)
    obj.style.top = offset + 100 + "px";
    }
}

setInterval(moveComments, 10);