首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当div witdth命中文本内容时,它的动画会暂时停止

当div witdth命中文本内容时,它的动画会暂时停止
EN

Stack Overflow用户
提问于 2019-03-20 16:13:07
回答 1查看 35关注 0票数 1

我正在尝试删除一个带有动画onClick的按钮。动画开始了,但一旦它击中按钮内的文本内容,动画就会变慢很多。

我已经制作了codesandbox来显示这个问题:https://codesandbox.io/s/9y1pov351y

正如你所看到的,里面有文本的两个框停止了,但是没有文本的那个没有。有人知道问题可能是什么吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-20 16:41:54

如果我错了,请纠正我,但据我所见,你正在使用flex-basis进行转换,如果你手动更改弹性基础,你可以看到按钮甚至没有调整大小。我认为这是因为flex不想让容器的大小小于内容。

我认为你应该能够解决这个问题,如果你找到一个非灵活的方式来调整按钮的大小。我尝试手动直接更改按钮的宽度,这是正常的反应。

我希望这能帮到你!

编辑:我在谷歌上搜索了一下,flex项目的最小宽度和最小高度都是自动的,你应该可以覆盖它。

Why don't flex items shrink past content size?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55256173

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档