插入HTML时平滑的边界增长过渡会导致它增长吗？

Question

我使用JQuery在带边框的div中添加html。因此div增加了高度。它突然改变了规模，我无法顺利过渡。我尝试过添加：

transition: border 0.5s ease;

但它似乎并没有影响它。

Answer 1

如果你想在你添加html时你的div增大，尝试做这样的事情：

    var container = $(".yourContainer");
    var htmlToAdd = $(".yourHtmlToAdd");

    htmlToAdd.appendTo(container).hide().slideDown(500);

hide().slideDown(500)会导致您添加的html大小增加，导致容器div的大小也会增加。