Javascript $.animate（）jQuery显示：不影响未指定空间维度的表

在

显示：表

上使用jQuery的

$.animate（）

时，未指定更改的空间尺寸将设置动画

在这种情况下，指定了

width

，但没有指定

height

，但是

height

会跳转。在这种情况下，如何防止

显示：表格的
高度
发生视觉变化

html

<div style="display:table; height:40px;">
    <div style="display:table-row">
        <div class="cell">
            Short text
        </div>
        <div class="cell cellToAnimate">
            Really long text
        </div>
        <div class="cell cellToAnimate">
            Really, really, really long text
        </div>
    </div>
</div>
<div>
<button type="button" id="cellChanger">Change cells</button>

js

.cell{
    display:table-cell;
}

$（文档）.ready（函数（）{

}))
 使用

display: block;
height: 40px;
overflow: hidden;

我以前也遇到过类似的情况，但我无能为力。我认为这是因为动画在制作动画时将显示转换为
块
，因此如果您有任何依赖于当前显示的显示样式，它们将在动画过程中被更改。@TravisJ我想听的完全是错误的：/您是否有幸使用具有指定高度的
div
，
最大高度
？抱歉：（可能其他人的运气比我好。在我的例子中，这是一个手风琴手的手风琴，一些文字跳了起来。最后我不得不改变该区域的设计，以适应一个恒定的
显示：block
+1这在这种情况下很有效。@Gracchus-这实际上是他的意思，我刚刚做了一个演示，并且是唯一一个我提出的ange是他的建议。事实上，使用
溢出：隐藏
是这里的魔法。它适用于我在评论中提到的情况。非常好的答案，我不想通过放置一个竞争性的来分散它的注意力。@Gracchus-我认为一些改进会很好。虽然答案很短，但这种方法确实有效，所以我想我认为这值得称赞。
display: block;
height: 40px;
overflow: hidden;