Html CSS3变换垂直对齐文本故障

我目前正在使用CSS3垂直对齐方法，使用transform垂直对齐包含文本和文本链接内容的div。好的是它可以工作，坏的是在chrome上，每当鼠标悬停在文本上时，文本似乎都会摆动

编辑：这主要发生在标签上，如果你向下滚动测试站点到图片帖子，将鼠标悬停在文本上或文本下，然后再次打开，你将能够轻松地摆动

Test site = http://fivdiv.tumblr.com/

/*CSS*/
.tile-text-wrapper.photo {
position: absolute;
right: 10px;
left: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%)
}

<!-- HTML markup -->
<div class="tile-text-wrapper photo">
    <a class="tile-title photo" href="#">Link Text</a>
    <a class="tile-read-more photo" href="#"><small>Photo Post</small></a>
</div>

测试站点=http://fivdiv.tumblr.com/
/*CSS*/
.tile-text-wrapper.photo{
位置：绝对位置；
右：10px；
左：10px；
最高：50%；
-webkit转换：translateY（-50%）；
-ms转换：translateY（-50%）；
-莫兹变换：translateY（-50%）；
转换：translateY（-50%）
}

如果有人能帮我找出如何让文本在：悬停时停止摆动，我将不胜感激

---

谢谢

它似乎发生在大于

1240px的窗口上

我看不到（a）标签上有任何问题或晃动我在15英寸的macbook上有任何其他的复制效果的方法吗？嗨，Enjayy，我可以说我知道另一种方法，但是，你在使用safari吗？如果没有，如果你查看我提供的链接演示站点，向下滚动到twitter提要，如果你将鼠标悬停在第一条推文“在赫雷斯测试之后…”上，然后关闭，然后打开，你会看到文本包装中的所有文本上下跳转。悬停开，悬停关，悬停开，悬停关是我能看到的复制它的唯一方法。是的，我不能复制摆动。我不建议使用

transform

进行定位，因为它可能比定位标签所需的硬件更密集。您可以在绝对div中嵌套一个宽度为100%的相对div，并使用填充。我的机器上没有抖动，但我在过去通过强制硬件加速

transform:translate3d（0，0，0）来“修复”类似的问题和不透明度<代码>不透明度：0.99-可能会有帮助。。。