由于javascript文本更新而导致文本移动，如何修复它？

我正在自己做一些练习。我已经创建了这个简单的页面，通过这个函数进行更新

function today(){    
    hoje = Date();  

    switch (hoje.slice(0,3)) {
        case 'Mon' :
            todayIs = 'Monday';
        break;

        case 'Tue' :
            todayIs = 'Tuesday';
        break;

        case 'Wed' :
            todayIs = 'Wednesday';
        break;

        case 'Thu' :
            todayIs = 'Thursday';
        break;

        case 'Fri' :
            todayIs = 'Friday';
        break;

        case 'Sat' :
            todayIs = 'Saturday';
        break;

        case 'Sun' :
            todayIs = 'Sunday';
        break
    }

    todayInFunction = new Date;
    hours = todayInFunction.getHours();
    if (hours < 10 && hours < 12){
        hours = `0${hours} AM`;
    } else{
        hours = hours + 'PM';
    }
    minutes = todayInFunction.getMinutes();
    minutes < 10 ? minutes = '0' + minutes : false; 
    
    seconds = todayInFunction.getSeconds();
    seconds < 10 ? seconds = '0' + seconds : false;
    
    console.log(`Current time is: ${hours} : ${minutes} : ${seconds}`);
    
    printHere = document.getElementById("print-here");
    printHere.innerHTML = `Today is ${todayIs} <br> Current time is: ${hours} : ${minutes} : ${seconds}`;
}

    setInterval(
        () => {
            today()
        }, 1000
    )

function-today（）{
hoje=日期（）；
开关（hoje.片（0,3））{
案件‘星期一’：
今天是‘星期一’；
打破
案件‘星期二’：
今天是‘星期二’；
打破
案件‘Wed’：
今天是‘星期三’；
打破
案例“Thu”：
今天是‘星期四’；
打破
案件‘星期五’：
今天是‘星期五’；
打破
“Sat”案例：
今天是‘星期六’；
打破
案例“Sun”：
今天是‘星期日’；
打破
}
todayInFunction=新日期；
hours=todayInFunction.getHours（）；
如果（小时数<10和小时数<12）{
小时数=`0${hours}AM`；
}否则{
小时数=小时数+下午时数；
}
分钟数=todayInFunction.getMinutes（）；
分钟数<10？分钟数='0'+分钟数：假；
seconds=todayInFunction.getSeconds（）；
秒数<10？秒数='0'+秒数：假；
log（`当前时间为：${hours}:${minutes}:${seconds}`）；
printHere=document.getElementById（“在此处打印”）；
printHere.innerHTML=`今天是${todayIs}
当前时间是：${hours}:${minutes}:${seconds}`；
}
设定间隔(
() => {
今日()
}, 1000
)

问题是，由于文本内容被更新，文本每秒都会抖动。有什么CSS技巧可以用来解决这个问题吗？

---

我不知道你是否能做到这一点。居中对齐后，文本将根据其宽度居中。如果文本居中且不断变化，则文本将发生移动。 我的建议是在自己的元素中使用display:block设置第二行，给它一个最大宽度，将文本向左对齐，并使用magin:0 auto将该元素居中。您还必须摆弄第一行的底部边距，使其看起来相同。或者你可以把第二行嵌套到第一行。 它可能有点黑，但它可能会做的工作。应该是这样的

HTML

---

请注意，我是盲目的，我不知道您是如何构建代码的。我只是根据你发送的图像来做的。

我不知道你是否能做到这一点。居中对齐后，文本将根据其宽度居中。如果文本居中且不断变化，则文本将发生移动。 我的建议是在自己的元素中使用display:block设置第二行，给它一个最大宽度，将文本向左对齐，并使用magin:0 auto将该元素居中。您还必须摆弄第一行的底部边距，使其看起来相同。或者你可以把第二行嵌套到第一行。 它可能有点黑，但它可能会做的工作。应该是这样的

HTML

---

请注意，我是盲目的，我不知道您是如何构建代码的。我完全是基于您发送的图像。能否提供您当前的HTML和CSS？能否提供您当前的HTML和CSS？

<p>Today is Tuesday</p>
<span class="time">Current time is: OO AM: 11: 17</span>

.time{
   display: block;
   max-width: X;
   margin: 0 auto;
   text-align: left;
 }

p{
    margin-bottom: 0px;
}