D+3 (Flex)

1284 ワード

テキストリンク

Flex

element{
display:Flex ;
justify-content: 
align-items:
flex-direction: 
}

justify-content: flex- start; デフォルト、左揃え

justify-content: flex- end; 右揃え

justify-content: center; 中央ソート

justify-content: space-around; エレメントの周囲の同じ間隔

justify-content: space-between; エレメント間の同じ間隔

justify-content: space-evenly;

align-items: flex-start; デフォルトでは、上部ソート

align-items: flex-end; 下揃え

align-items: center; 中央揃え

flex-direction: column; 垂直配列

flex-direction: row; デフォルト値

flex-direction: row-reverse; 逆配列

flex-direction: column-reverse; 上下左右反転

出力順序を変更するだけで内容を変更しない場合

のデフォルト値は0で、小さい値を持つ要素から

が出力されます.
値が

に等しい場合は、入力順に出力されます.

この問題について(D+3 (Flex)), 我々は、より多くの情報をここで見つけました https://velog.io/@hnmpot/D3-Flex

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol