本文最后更新于199 天前,其中的信息可能已经过时,如有错误请发送邮件到1986413837@qq.com
过渡效果只能针对数值类的属性值有效 所以如下图CSS是无效的

这个博客写的很清楚 解决了一个小困扰
https://keithjgrant.com/posts/2023/04/transitioning-to-height-auto
使用max-height属性效果很不丝滑 这里使用gird-template-rows就可以了 十分丝滑
我把这个用到了我的个人简历页面中 感觉不错!!!

核心代码 见链接
需要注意的就是要把子元素放在一个div里面

里面的div 对应的内容如下
