ホームページ  >  記事  >  ウェブフロントエンド  >  フレックス レイアウトと従来のレイアウトの違いは何ですか?

フレックス レイアウトと従来のレイアウトの違いは何ですか?

王林
王林転載
2020-06-20 17:02:353745ブラウズ

フレックス レイアウトと従来のレイアウトの違いは何ですか?

フレックス レイアウトと従来のレイアウトの違いは何ですか?

従来のレイアウト: ボックス モデルに基づいており、表示属性、位置属性、およびフロート属性に依存します;

フレックス レイアウト: フレックスはフレキシブル ボックスの略語であり、「」を意味します。エラスティック レイアウト」は、ボックス モデルに最大限の柔軟性を提供するために使用されます。

(推奨チュートリアル: css クイックスタート)

表示するために設定された要素: flex は「コンテナ」と呼ばれ、その子要素は「アイテム」と呼ばれます。コンテナがフレックス レイアウトに設定された後は、子要素の float、clear、およびvertical-align 属性が無効になることに注意してください。

なぜ主軸と横軸?

主軸と側軸はフレックス方向によって決定されます (デフォルトは行) 主軸を決定する必要がある理由は、項目の配置方向を決定するためです:

Flex-direction が row または row-reverse の場合、主軸は justify-content;

flex-direction が column または column-reverse の場合、主軸は align-items です。

以上がフレックス レイアウトと従来のレイアウトの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjuejin.imで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。