新着！ 44ページの電子書籍「CSSを44分で学ぶ」がリリースされました！ 😃
#align-items
フレックスボックスコンテナの行内で、フレックスボックスアイテムが**交差軸**に沿ってどのように配置されるかを定義します。
align-items: flex-start;
フレックスボックスアイテムは、**交差軸**の**始点**に配置されます。
デフォルトでは、交差軸は垂直です。つまり、フレックスボックスアイテムは*上部*に*垂直方向*に配置されます。
align-items: flex-end;
フレックスボックスアイテムは、**交差軸**の**終点**に配置されます。
デフォルトでは、交差軸は垂直です。つまり、フレックスボックスアイテムは*下部*に*垂直方向*に配置されます。
align-items: center;
フレックスボックスアイテムは、**交差軸**の**中央**に配置されます。
デフォルトでは、交差軸は垂直です。つまり、フレックスボックスアイテムは*垂直方向*に**中央揃え**されます。
align-items: baseline;
フレックスボックスアイテムは、**交差軸**の**ベースライン**に配置されます。
デフォルトでは、交差軸は垂直です。つまり、フレックスボックスアイテムは、*テキスト*の*ベースライン*が水平線に沿って揃うように配置されます。
align-items: stretch;
フレックスボックスアイテムは、**交差軸**全体に広がります。
デフォルトでは、交差軸は垂直です。つまり、フレックスボックスアイテムは垂直方向のスペース全体を埋めます。