Javascript 设置宽度动画以适合内容

我需要将

div

从

0

（初始）的宽度设置为

fit content

（与其内容宽度相同的宽度）的动画

但是，如果我这样做，动画

transition: width .5s ease-in-out;

不再有用了。所以问题是，我如何制作动画以适应内容

更新：我找到了解决方案（

您可以这样做：

setTimeout(function () {
    $('div').css('width', $('div').find('span').width() + 'px');
}, 1000);

像这样：

---

抓取父对象的px宽度，用px值而不是fit content设置动画我不确定你是否可以设置这样的值。为什么不试试这样做：在我的情况下，这样做不起作用，因为父对象中可以有多个元素：我找到了解决方案并更新了我的帖子。谢谢你的帮助！！有几种方法可以解决这个问题ced，比如动画完成后切换到“实际适合内容”值，或者如果窗口中的某些内容已调整大小，则重新启动动画。不过，这些可能并不总是必要的。

setTimeout(function () {
    $('div').css('width', $('div').find('span').width() + 'px');
}, 1000);