使用css对中span txt，问题为两位数

好吧，这是个很奇怪的问题

在我的一生中，我无法将这段时间集中在div中。 所以我对它进行了定位

然而，我想要的是将蓝色数字精确地集中在div中。问题是，当数字变为10时，它会稍微向右移动。 我有一个同事在帮我处理js，现在只需要帮我处理css中的对齐问题

我不确定你是否能绝对将一个数字居中的计数器居中，而两位数的数字也居中

没道理吗

K链接：

Css（我知道span元素计时器不居中，但它需要居中

无法获取堆栈以正确显示代码，请检查链接的源代码

有没有关于将数字居中的建议，使其处于水平中心。当数字跳到10时，它不会向右或向左移动？

只需从“.timer”元素中删除“top”、“left”和“position”属性，并在“.content”元素中添加“text align:center”。 CSS:

HTML:

10

只需从“.timer”元素中删除“top”、“left”和“position”属性，并在“.content”元素中添加“text align:center”。 CSS:

HTML:

10

移除绝对定位，将

文本对齐：居中添加到div，将顶部边距添加到跨度以使其垂直居中

.content {
  text-align: center;
}

.timer{
  position: static;
}

您不需要
位置：static
，但我添加了它，因为您在页面上的
绝对
上有它。
删除绝对位置，将
文本对齐：居中
添加到div，将顶部边距添加到跨度以垂直居中

.content {
  text-align: center;
}

.timer{
  position: static;
}

您不需要
位置：static
，但我添加了它，因为您的页面上有
absolute
。
没有，尝试过。这与span类有关，因为某种原因，我不喜欢它没有，尝试过。出于某种原因，它与span类有关，我不喜欢它
.content {
  text-align: center;
}

.timer{
  position: static;
}