Jquery 防止插入图像时跳转文本

在投票系统中，我有一条线给出如下分数：

<span>Score: <span id="numberOfVotes">{$numberOfVotes}</span></span>

Score:{$numberofvoces}

每次用户投票、单击“下一步”或选择其他项目时，分数都会更新。在此更新过程中，“0”将替换为16x16像素的加载动画

---

当#numberOfVotes的innerHtml与加载动画临时交换时，如何避免文本移动？

尝试将

span

设置为

显示：内联块并赋予它
高度
和
宽度
以包含该图像。。。可能每台16像素或更高。未经测试
 尝试将
span
设置为
显示：内联块并赋予它
高度
和
宽度
以包含该图像。。。可能每台16像素或更高。未经测试
 这是个好主意。我将封闭范围更改为div（内容垂直放置在页面中），并将#numberofvots的CSS设置为
display:inline block；显示：内联块；高度：30px；最小宽度：25px。不再向左移动了。现在，div和span中的文本都位于容器顶部，并且
边框：实心1px显示#numberOfVotes框正在向下推。理想情况下，#numberOfVotes的内容应该放在底部，因为动画似乎比要交换的角色高。确定。将在下面发布一个链接。当您单击顶部的“下一步”按钮或单击位于中心周围的一个缩略图时，会发生移动。附言：网站的风格指南是由一位前任完成的。我看到了这个问题。尝试设置
垂直对齐：顶部div
上的code>似乎已经完成了这个技巧。非常感谢：）。添加
文本对齐：左到跨度应该处理多个数字。这是一个想法。我将封闭范围更改为div（内容垂直放置在页面中），并将#numberofvots的CSS设置为
display:inline block；显示：内联块；高度：30px；最小宽度：25px。不再向左移动了。现在，div和span中的文本都位于容器顶部，并且
边框：实心1px显示#numberOfVotes框正在向下推。理想情况下，#numberOfVotes的内容应该放在底部，因为动画似乎比要交换的角色高。确定。将在下面发布一个链接。当您单击顶部的“下一步”按钮或单击位于中心周围的一个缩略图时，会发生移动。附言：网站的风格指南是由一位前任完成的。我看到了这个问题。尝试设置
垂直对齐：顶部div
上的code>似乎已经完成了这个技巧。非常感谢：）。添加
文本对齐：左到跨度应包含多个数字。