Question

我正在使用javascript构建一个秒表，问题在于虽然居中确实有效，但秒表的动态特性意味着当它不断尝试重新定位每个新数字时会产生非常紧张的效果。由于某些数字更宽或更薄，这意味着它会继续“抖动”。这非常令人分心。

但是，我仍然希望有时间以屏幕为中心。我成功地将时间保持在屏幕的一侧，但它并不美观。我想知道是否有一种方法只能在1分钟内将文本居中一次？（我正在考虑居中，然后使用填充填充到它居中的位置，这意味着它将与填充对齐，并且可能每隔30秒或其他时间重做此过程）

谢谢

Answer 1

要停止抖动效果，可以将文本放在div中并使div居中。

stopwatch_container{
  width: 100px;
  margin: auto; /*This will center the div*/ 
}

stopwatch_text {
  text-align: left;
}

希望它有所帮助。