CSS Flex(Flexible Box)

#display: inline-block
->行の基本プロパティがあります.
水平値と垂直値+margin/paddingの上下角、例えばblock要素
許容値
#Flex

Container:Itemの親要素
- display, flex-flow, justify-content

Items
- order, flex, align-self

中のFlexコンセプトが同じでもcontainer自体は
block要素のように書くかinline要素のように書くかを定義します
したがってdisplay:flexまたはdisplay:inline-flexです.
#justify-content
:主軸(main-axis)の位置合わせを設定する
#align-content
:交差軸(cross-axis)の位置合わせを設定する
*flex-wrapプロパティを使用すると、Itemsは複数行(2行以上)になります.
余白がある場合のみ使用可能

-> Items 한 줄 일때: align-items 속성