从auto转换flex-basis

时间:2016-02-03 15:28:38

标签: css css3 flexbox

是否有将flex-basisauto转换为其他值的技巧?从我收集的内容来看,这是规则的一个例外......这很烦人,因为它可以说是最有用的。

以下是一个例子: http://codepen.io/jamiewinder/pen/WrgrEB

点击'切换'按钮应使用过渡打开抽屉。不透明度有效,但使用flex-basis定义的高度不起作用。如果我将flex-basis设置为多个像素,百分比或除auto以外的任何其他内容,这意味着我需要知道内容的高度才能使其正常工作。

我错过了什么吗?

1 个答案:

答案 0 :(得分:3)

flex-basis可以设置动画并进行转换(source)。但是,与其他属性一样,只有在将值设置为实际长度值(例如px%等和calc())时才能执行此操作。更多信息可以在this问题中找到。