Css 加载ajax加载程序时，下面的文本和按钮向上移动

在我的页面中，我使用ajax加载程序gif。单击按钮时，会显示ajax加载程序，但是下面的文本会向上移动，我希望它们保持不变，我的意思是不要移动。 有办法做到这一点吗？谢谢你的帮助

从这里也可以看到：

函数AjaxLoader（）
{
document.getElementById（“翻译”）.innerHTML=“”
$.ajax({
类型：“POST”，
url:“test1.php”，
成功：功能（响应）{
$（“#翻译”）.html（“你好”）；
}
});
}
卡巴洛
翻译：dog

上下文：我有一条狗

---

这是因为

标记的高度根据其内容而变化

修复方法是使用固定的

高度

<p style="height: 25px;"><span id="translation">dog</span></p>

狗


注意：对于ajax请求，您的内容长度可能不一致。因此，您应该为
高度选择一个最高值
发生的情况是，您的
#translation
span的高度为18px，但是
ajax loader.gif
的高度为16px，导致跳转，span和p是内联元素，根据其中的信息展开和收缩

<div id="translation" style="height: 18px;">hello</div>

你好

或

你好

我们应该做到这一点

<div id="translation" style="height: 18px;">hello</div>

<span id="translation" style="display:block;height: 18px;">hello</span>