CSS フレックスボックスの「flex: 1」は何を意味しますか?

フレックスボックス プロパティについて: 「flex: 1」は何を表しますか?

フレックス プロパティ (flex-grow の便利な省略表現) flex-shrink および flex-basis により、柔軟なレイアウト制御が可能になります。デフォルト値は「0 1 auto」ですが、実際には「flex: 1」がよく見られます。

これにより、「flex: 1」とは実際には何を意味するのでしょうか?という疑問が生じます。 「1 1 auto」または「1 0 auto」として解釈されますか?

明確にするために、「flex: 1」は次のことを表します:

• flex-grow: 1

  • 関連付けられた div はウィンドウのサイズに比例して拡大されます。 size.

• flex-shrink: 1

  • div はウィンドウのサイズに比例して縮小します。

• フレックスベース: 0

  • div には明示的な開始値が欠如しており、利用可能な比率に基づいて画面スペースを占有します。
  • たとえば、3 つの div がラッパー内に含まれている場合、それぞれはおよその値を要求します。画面幅の 33%。

以上がCSS フレックスボックスの「flex: 1」は何を意味しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。