jQuery Animate-列出带有显示的项目:inline -block

Question

我试图用jQuery Animate来动画列表项目的高度。但是，奇怪的"边距"发生在没有动画的元素上。如果我更改删除显示：内联块，并使用浮点：留下一切正常。我该如何实现，但使用显示：内联块属性未触及。

这是JSBIN：

jsbin-动画显示内联块

Answer 1

使用 vertical-align: top;：

.lista li
{
    vertical-align: top;
}

请参阅JSBIN更新

inline-block元素是内联级元素。因此，vertical-align将适用于此元素。

此属性的默认值为baseline。因此，如果您伸展其中一个元素的高度，则线高度将延伸到更高的高度，其他较低的元素将放在"线基底"。

其他参考垂直属性属性