他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか?

Question

私が開発している Web サイトで使用されているより大きな CSS コードの一部である次の CSS コードがあります:

リーリー

私が持っているHTMLコードには:

リーリー

ただし、テキスト テキスト サンプル 1 と テキスト サンプル 2 は垂直方向の中央揃えではなく、フレックスボックスの上部に配置されます。 大規模な CSS コード内の何かが干渉しているようですが、何が干渉しているのかわかりません。 私の質問は、CSS の残りの部分が何であるかわからないと仮定して、この部分に希望どおりのこと、つまりフレックスボックス内でテキストを垂直方向の中央に配置することを強制できるでしょうか?

Answer 1

これは、.cards-u に高さが定義されていないために発生します。コンテンツの高さをそれ自体の高さとみなして、コンテンツをその領域内に保持します。

100vh を使用して .cards-u にページ全体の高さを指定するか、次の操作を行う必要があります。 リーリー