我正在创建一个增量游戏,我正在努力让两个图像相互相对

时间:2015-05-27 21:25:27

标签: css image position

在这个增量游戏中,你点击接收黄金。黄金值显示在黄金图标旁边。问题是当值变为足够高的数字时,它会与图标重叠。我想这样做,当数字值变得足够高时,黄金图标会略微向左移动,以防止重叠。这就是我现在所用的↓

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

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

1 个答案:

答案 0 :(得分:0)

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