ホームページ > 記事 > ウェブフロントエンド > フレックス レイアウトと従来のレイアウトの違いは何ですか?
フレックス レイアウトと従来のレイアウトの違いは何ですか?
従来のレイアウト: ボックス モデルに基づいており、表示属性、位置属性、およびフロート属性に依存します;
フレックス レイアウト: フレックスはフレキシブル ボックスの略語であり、「」を意味します。エラスティック レイアウト」は、ボックス モデルに最大限の柔軟性を提供するために使用されます。
(推奨チュートリアル: css クイックスタート)
表示するために設定された要素: flex は「コンテナ」と呼ばれ、その子要素は「アイテム」と呼ばれます。コンテナがフレックス レイアウトに設定された後は、子要素の float、clear、およびvertical-align 属性が無効になることに注意してください。
なぜ主軸と横軸?
主軸と側軸はフレックス方向によって決定されます (デフォルトは行) 主軸を決定する必要がある理由は、項目の配置方向を決定するためです:
Flex-direction が row または row-reverse の場合、主軸は justify-content;
flex-direction が column または column-reverse の場合、主軸は align-items です。
以上がフレックス レイアウトと従来のレイアウトの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。