jQuery .show() 让输入框颤抖

Question

我的代码:

$('input').hide().show(10000);

我已经测试过the jsFiddle在 Windows 7 和 Mac OS 10.7 上使用 Google Chrome 14。

动画快结束时，输入框会颤抖。这是一个错误还是预期的效果？

Answer 1

我认为这不是一个错误。事实是，浏览器通常无法设置输入元素的非整数宽度或高度，尝试舍入，例如， 高度:11.007252845381956px 到 高度:11px 或 12px。

按照如下方式设置vertical-align后，颤抖就会消失 ( fiddle ):

input {
    vertical-align: top;
}

因此，我可以假设振动来自浏览器无法确定(或舍入)height、line-height 或影响垂直对齐的任何其他属性。