0 喜欢

CSS小技巧:元素高度从 0 过渡到 auto

admin
admin
2023-11-30 13:15:28 阅读 910

原文链接

1. 使用max-height

如果您确定您的内容永远不会达到特定高度,那么使用此方法就完全没有问题!只需为 max-height 指定一个适当的值,就可以开始了。

但请注意,值越高的 max-height,过渡效果可能会变得奇怪。

2. 使用grid

这个解决方案的一个需要注意的地方是,您实际上需要为 .accordion-body 内部的 div 设置 overflow: hidden 才能使其正常工作。在我看来,这个额外的 CSS 完全值得的!


关于作者
admin
admin
admin@ifront.net
 获得点赞 173
 文章阅读量 175536
文章标签