动画宽度以适合内容

Question

我需要将div的宽度从0（初始）设置为宽度fit-content（宽度与其内容的宽度相同）

$('div').css('width', 'fit-content');

DEMO

但是，如果我这样做动画

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

不再工作了。所以问题是我如何才能制作适合内容的动画？

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

Answer 1

你可以这样做：

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

喜欢这个JSfiddle： JSfiddle