如何设置div以在文本更改时进行转换

Question

当内部文本发生变化时,我希望无缝扩展我的div(以非刺激的方式):

CSS transition: all 2s ease;非常适合颜色变化,手动设置宽度等(您可以在jsfiddle中尝试- 单击按钮切换宽度).但是当div的内部文本被更改时,div只会跳转到新的宽度而没有任何转换.

当内部文本发生变化时,如何才能使过渡工作？

谢谢!

Answer 1

由于 div 的默认宽度为auto(100%)，因此它无法转换为auto数值。