Html 导航悬停项目而不移动

我做了这个导航：

菜单项如下所示：

<li><a href="index.html" title="home" class="navTx">home</a></li>

当您将鼠标悬停在“主页”、“关于”、“工作”或“联系人”上时，将显示绿色边框。但是，在悬停时，所有其他菜单项都会移动，因为悬停的文本会变大

---

我根本不知道如何阻止他们移动。有办法做到这一点吗？

您可以尝试以下代码：

---

我就是这么做的，唯一的区别是我通常将边框颜色设置为透明，这样它就可以在任何背景下工作。对齐被破坏了..：vAlignment在更改导航宽度时再次工作。：）@约翰：是的，您可以将边框颜色设置为透明：）

.navTx {
height: 18px;
margin-top: -130px;
display: inline-block;
border:solid 2px transparent;
padding: 12px 20px;
}