css3 - この例では、CSS フレックス ボックスの flex プロパティがこのように設定されているのはなぜですか?
迷茫
迷茫 2017-06-12 09:24:28
0
1
967

CSS コードの item1 と item2 の次の設定が理解できません。flex:1 2 200px;これら 3 つの値が flex-grow## に対応していることはわかっています。 #,## それぞれ #flex-shrink,flex-basis ですが、これを書いた意図がわかりません リーリー 完全なコードは次のとおりです

html:

リーリー

CSS:

リーリー

最終的なレンダリング効果は次のとおりです:


迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全員に返信(1)
世界只因有你

例えとして、ブラウザ環境では、ブラウザを縮小すると item1 と item2 が沈み込み、3 つの P ボックスが横に並べられるのではなく、縦に並ぶようになります。大きくすると浮き上がり、並んで配置されます。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート