Html 鼠标移动时，字母移动

我制作了各种各样的按钮来尝试它们，但我遇到了一个奇怪的错误。当我移动鼠标时，第一个框中单词的第一个字母似乎有一个“可能”会非常轻微地移动到一边。我认为（但不确定）只有当我将文本放在div的中心时，错误才会发生

下面是一个JSFIDLE示例：

下面是正在发生的事情的视频：

---

您的浏览器似乎有问题，无法在Opera 30.0.1835.125上复制，也无法在Chrome上复制，但奇怪的问题是+1。您使用的浏览器和版本是什么？您是否尝试过禁用所有扩展名？可能是字体问题吗？请确保您没有多次安装相同的字体。您在JSFIDLE中发布的任何代码似乎都无法在视频中导致该行为，在我尝试过的任何一次中，它也不会导致该行为。在视频中，第二个div上有一个悬停/mouseenter状态，它触发了第一个div中的更改。我怀疑正在运行的代码比您提供的代码要多，特别是因为视频背景是紫色的，而不像JSFIDLE中的黑色。如果您能够使用该JSFIDLE复制行为，请提供操作系统和浏览器版本。如果您无法使用该小提琴进行复制，请发布完整的代码。请在问题中发布完整的代码示例。您的浏览器似乎存在问题，无法在Opera 30.0.1835.125上复制，也无法在Chrome上复制，但对于奇怪的问题+1。您使用的浏览器和版本是什么？您是否尝试过禁用所有扩展名？可能是字体问题吗？请确保您没有多次安装相同的字体。您在JSFIDLE中发布的任何代码似乎都无法在视频中导致该行为，在我尝试过的任何一次中，它也不会导致该行为。在视频中，第二个div上有一个悬停/mouseenter状态，它触发了第一个div中的更改。我怀疑正在运行的代码比您提供的代码要多，特别是因为视频背景是紫色的，而不像JSFIDLE中的黑色。如果您能够使用该JSFIDLE复制行为，请提供操作系统和浏览器版本。如果你不能用小提琴演奏，那么就把完整的代码贴出来。请在你的问题中贴一个完整的代码示例。