2017-04-01 10 views
3

私はCSS4の記事を読んでいましたが、見つけられませんでした。CSS4の解決策は0からautoに変わる?

CSS3では、移行が導入されたときに、JavaScriptを使用しなくても人気の問題の1つが0からautoに高さを変えていました。

私たちはmax-heightソリューションを持っていましたが、その高さには正確なtransition-durationしかありません。その要素のautoが最大高さの2倍と言えば、顕著なジャンプが見られます。

CSS4はこの0を自動発行する解決策を提供していますか?特に高さ/幅については?

+1

遷移がレベル1で*まだ*候補推薦でさえないと考えると、レベル4にするときにはおそらく引退します。しかし、すべての深刻さでは、 "CSS4"はありません。現在のTransitions仕様が安定しているとしても、次のレベルは2です。 "CSS4"に関する記事を読んだら、CSS3の仕様が実際にどのように機能するかは分かりません。それは恐らくあなたが何かを見つけることができなかった理由の一部です。 (css-transitions-2はこの問題の解決策でもありません...) – BoltClock

+1

私たちが "進歩している"唯一のフィールドは表示形式です。 patelarpanによってリンクされたCSStricksの記事では、flexboxを使用する最後の方法を参照してください。この「新しい」テクニックは、私たちが問題を解決しようとする方法を変えることを可能にします。しかし、近い将来、高さを自動車に変えることはできないようです。 – vals

+1

@vals:ええ、それはCSSのブロックレイアウトの基本的な制限です。それを解決する唯一の方法は、自動価値を再定義することです。ええ...起こらないだろう。 – BoltClock

答えて

2

CSSのトリックhttps://css-tricks.com/using-css-transitions-auto-dimensions/

にこのことについて素晴らしい記事は、私は、これはあなたを助けることを願っています。

+0

非常にありがとう@patelarpan、私は今これを読むでしょう。私はJavaScriptを使って自分の問題を解決することができましたが、これがうまく解決された将来のピークに期待していました。あなたの記事、BoltClockとvalのコメントと組み合わせて、私はこの解決策を受け入れます。それはCSS4は本当の笑ではないようです。 – Noitidart

関連する問題