[CSS] `ALIGN-items`と屈曲用コンテナのオフアクシスアライメントを変更します

私たちは、「正当化-コンテンツ」で軸のレイアウトを変更し、「オフ軸」のレイアウトを「揃える-アイテム」によって制御されています。最も一般的な値は  flex-start、  flex-end、または  center。

本体 { 
  ディスプレイ：フレックス。
  フレックス方向：行。
} 

.container { 
  背景色：＃ebb871。
  表示：フレックス。
  フレックス方向：コラム。
  -コンテンツが正当化：スペースの間 ; 

  -アイテムを揃える：フレックススタート。
  ALIGN-項目：フレックスエンド。
  ALIGN-アイテム：中心
 }

< 本体> 
    < DIV クラス= "コンテナ" > 
        < DIV クラス= "赤BOX1" > </ DIV > 
        < DIV クラス= "BOX2緑" > </ DIV > 
        < DIV クラス= "青BOX3" > </ DIV > 
    </ DIV > 
</ ボディ>