我正在创建一个增量游戏，我正在努力让两个图像相互关联

Question

在这个增量游戏中，您点击即可获得金币。黄金值显示在黄金图标旁边。问题是当值变得足够高时，它会与图标重叠。我想这样做，当数值变得足够高时，金色图标会稍微向左移动，以防止重叠。这就是我现在所拥有的↓

#text{
color: gold;
display:block;
position: absolute;
top: 275px;
right: 100px;}

#gold{
display:block;
position: absolute;
top: 285px;
right: 125px; }

Answer 1

除了@Rick 所说的，你可以给#text 一个width 值，并设置text-align:center，这样无论数字有多大，它总是保持在同一个位置。