フレックスボックス「ラッパーなしの要素」内のテキストを垂直方向に揃えることはできますか?

フレックスボックス内の垂直方向のテキスト配置

クエリ

内の垂直方向のテキスト配置フレックスボックスを利用した要素は困難であることが判明しました。中間ラッパー

を削除することは可能ですか?動的高さ管理を保持しながら、通常は align-items:center 属性を受け取る要素ですか?

解決策

フレックスボックス内でテキストを垂直方向に整列するには、align-self の代わりに align-items: center を使用します。 ： 中心。この変更により、フレックス コンテナ内の子要素が整列されます。この場合、子要素は

です。 element.

説明

align-self プロパティはフレックス アイテムをターゲットにし、align-items はフレックス コンテナをターゲットとします。

以来要素はフレックス コンテナではないため、align-self は
• 要素には影響しません。要素。逆に、align-items は
• で使用できます。要素を使用して、その子要素を垂直方向に整列させます。

  以上がフレックスボックス「ラッパーなしの要素」内のテキストを垂直方向に揃えることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。