CSSレイアウト

1. display:flex

• 親フレーム要素にdisplay:flexを適用して、サブフレームの方向とサイズを決定するレイアウトを設定します.
• display:flexアプリケーションの親ボックスの子要素左から

2. flex-direction

• flexboxのデフォルトは垂直分割ボックスです.
• ただし、方向が設定されている場合は、水平に分割することもできます.
• flex-directionプロパティが親フレーム要素に適用されます.
• 子枠には特別な属性は必要ありませんが、親元素の影響を受けた子食用素
• 属性:row(デフォルト)、column
• サブエレメントflexデフォルト-flex:01 auto

3. flex: grow shrink basis

• サブボックスのプロパティがない場合は、左から右にコンテンツサイズで配置します.サブエレメントのflexプロパティを追加しない場合は、デフォルト
を受け入れます.

flex: 0 1 auto;

• margingは、paddingのプロパティのように個別に指定できます.

flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;

3.1 grow

• grow、swiftには属性単位がなく、そのパーセンテージが異なります
• 親ボックスにn個のサブボックスがあると仮定
• 各サブボックスの合計はn
• grow属性が1に設定されていることは、アプリケーション1/nの横方向または縦方向の長さ
を表す.
• grow属性の値が2の場合、長さが2/nの