Javascript 为什么我的图像在翻滚时会改变位置？

我有一排大小相同的纽扣。当每个人都被推倒的时候

<img src="home.jpg" onmouseover="HomeAct(this)" onmouseout="Home(this)"/>

function HomeAct(obj){
    obj.src='webseparada/home.png';
}

function Home(obj){
    obj.src='webseparada/home.jpg';
}

功能HomeAct（obj）{
obj.src='webseparada/home.png'；
}
功能主页（obj）{
obj.src='webseparada/home.jpg'；
}

home.jpg是一个规则的矩形

home.png是一个文件夹，其中标签es是按钮（home.jpg）

---

下面是button1将所有Remaing按钮发送到下一行的原因。 当我按下按钮2时，它不会移动按钮1，但它会向下移动一行并发送所有剩余的另一行，有人能告诉我这是否可以通过css纠正吗

---

非常感谢

您确定图像大小相同吗？如果不是这样的话，这是有道理的。您还可以通过css显式指定图像大小，以强制它们保持一致。

两个图像的大小是否有可能不同？如果您没有预加载.png版本的图像，则可能会看到加载中断。如果在

标记上定义宽度和高度属性，会发生什么情况？是的，它们是。但这应该是一个问题，它在按钮1上正常工作，但在其他按钮上坏了{home{padding left:82px；padding right:6px；}按钮2{padding right:6px；}按钮2:hover{padding left:82px；padding right:6px；}Pat，不，我不能。第二个图像比第一个图像大很多，但这不是问题，因为它在按钮6上工作好答案！我可能还想补充一点，Ignacio可以在标记中设置高度/宽度属性。我可以通过css指定大小和位置吗？可以。宽度和高度属性。是，但当按钮变为“文件夹标签”时，它仍会从其他按钮的位置移动