CSSのalign-self属性とは何ですか

1. align-self 属性は、フレックス項目の横軸（縦軸）方向の配置を個別に定義します。

2. align-self には追加の auto (デフォルト値) があり、フレックス コンテナから継承された align-items 属性値を表します。

例

。容器{
/* フレックスコンテナを定義します */
ディスプレイ: フレックス;
/*
コンテナ内の要素の配置方向を設定します。 row: 左から右への配置方向を定義します。 row-reverse: 右から左へ、column: 上から下へ、column-reverse: 下から上へ
*/
フレックス方向: 行;

/*
交差軸ストレッチでコンテナ内の要素の配置を設定します。要素の高さが設定されていない場合、要素の高さはコンテナと同じ高さにストレッチされます (デフォルト)。
flex-start: 交差軸の開始位置 (上/左) に向かって整列します。 flex-end: 交差軸の終点位置 (下/右) に向かって整列します。 中央揃え: テキストが中央に配置されていることを確認します。要素は同時にベースラインになります (すべてのテキストが同じ行にあることを確認してください)。
*/

align-items: ベースライン;

高さ: 800upx;
背景色: #FFC0CB;

}

            。TXT{
フォントサイズ: 20px;
幅: 150upx;
高さ: 150upx;
}

。赤{
背景色: 赤;

/*
コンテナ内の要素の配置を交差軸で書き換えます。 auto: デフォルト、親要素の align-items プロパティを継承することを示します。stretch: 要素の高さが設定されていない場合、要素の高さは同じに引き伸ばされます。コンテナとしての高さ (デフォルト)
flex-start: 交差軸の開始位置 (上/左) に向かって整列します。 flex-end: 交差軸の終点位置 (下/右) に向かって整列します。 中央揃え: テキストが中央に配置されていることを確認します。要素は同時にベースラインになります (すべてのテキストが同じ行にあることを確認してください)。
*/
align-self: 中心;
}

。緑{
背景色: 緑;
}

。青{
背景色: 青;
}

以上は CSS の align-self 属性の紹介でした。皆さんのお役に立てれば幸いです。