我尝试使用 jquery animate 为列表项的高度设置动画。但是奇怪的“边距”出现在没有动画的元素上。如果我更改删除显示:inline-block，并使用 float:left 一切正常。我怎样才能实现这一点，但不改变 display:inline-block 属性。
这是jsbin:
最佳答案
使用vertical-align: top;:
.lista li
{
vertical-align: top;
}
inline-block 元素是行内元素。所以，vertical-align will apply to this element .
此属性的默认值为 baseline。因此，如果您拉伸(stretch)其中一个元素的高度，行高将被拉伸(stretch)到更高的高度，而其他更低的元素将被放置在“行的底部”。
关于jQuery 动画 - 显示 :inline-block 的列表项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22205776/