Javascript 防止滑块在值更改时跳转

我有一个滑块，可以实时更新其右侧标签上的值。当值从1位值变为2位值时，我应该如何防止它“跳跃”？如何给标签一个固定的位置，使其不会改变布局：

var range=document.getElementById（'range'）；
range.addEventListener（'input'，rangeChange）；
函数rangeChange（）{
label.innerHTML=this.value；
}

0

添加

宽度：20px；显示：内联块到标签

或

在这两个元素周围添加一个包装器，并给它们
display:flex；对齐项目：居中标签的样式和宽度


var range=document.getElementById（'range'）；
range.addEventListener（'input'，rangeChange）；
函数rangeChange（）{
label.innerHTML=this.value；
}

0
选项1：将标签放在滑块的右侧


var range=document.getElementById（'range'）；
range.addEventListener（'input'，rangeChange）；
函数rangeChange（）{
label.innerHTML=this.value；
}

0
谢谢！顺便说一句，标签是用于此目的的正确标签吗？或者我应该使用另一个标签？没有标签看起来很好。只需要它是内联块，就可以在没有内容的情况下获得宽度。如果使用flex，可以避免内联块。也就是说，标签与滑块的中心对齐。如果将标签放在输入之后，使其显示在右侧，会怎么样？最简单的解决方法。