插入 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 的大小也会增加。