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

Question

我正在使用 JQuery 在带边框的 div 中添加 html。因此，div 的高度会增加。它突然改变大小，我无法顺利过渡。我试过添加:

transition: border 0.5s ease;

不过好像没影响。

Answer 1

如果你想让你的 div 在你添加 html 的时候变大，尝试做这样的事情:

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

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

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