【问题标题】:How to solve this two issues on this Codepen?如何在这个 Codepen 上解决这两个问题?
【发布时间】:2017-05-07 09:14:47
【问题描述】:

codepen.io

  1. 为什么在span 上设置width: 100% 不起作用?
  2. 在没有@keyframes dummysetTimeout 的情况下,是否有办法归档相同的结果?

编辑

  1. 感谢@Michael_B 的启发,接缝是button 标签和flex 的错误,切换到diva 有效。如果您有更多相关信息,请分享!

【问题讨论】:

  • 1.将问题缩小到一个问题.. 2. 在问题中包含代码
  • width: 100%span 上不起作用,因为父容器(button)具有flex-direction: column。为什么我还不知道。 flex-direction: row 似乎可以正常工作。这可能是一个错误。请注意,button 元素通常不像弹性容器那样可靠:stackoverflow.com/q/35464067/3597276
  • 谢谢@Michael_B。切换到diva 使span width:100% 工作。只是想知道为什么,一直认为标签只是在语义上不同(尽管样式不同),但似乎它们具有行为差异。

标签: css animation flexbox css-transitions css-animations


【解决方案1】:

刚刚发现这篇关于重新启动 CSS 动画的文章: https://css-tricks.com/restart-css-animation/

这澄清了在真正的动画之前设置虚拟动画的污垢。

【讨论】:

    猜你喜欢
    • 2014-10-07
    • 1970-01-01
    • 2019-04-20
    • 2011-06-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多