CSS レイアウトの問題_html/css_WEB-ITnose

親コンテナのサイズが不明で、子要素のサイズも不明です。親コンテナに対して子要素を垂直方向の中央に配置するにはどうすればよいですか?

ディスカッションへの返信（解決策）

どうしてこのような状況が起こったのでしょうか？親コンテナの幅と高さは不明です。これは、親コンテナを開いたままにするコンテンツがあることを意味します。コンテンツも開いたままであるのに、なぜ垂直方向の中央に配置されるのでしょうか。

js を使用してコンテナの高さを動的に取得し、子コンテナを配置することのみが可能です

親要素の padding-top と padding-bottom の値を同じに設定します

親コンテナのサイズが不明で、子要素のサイズが不明な場合、親コンテナに対して垂直方向に子要素のレイアウトを中央揃えにするにはどうすればよいですか?
親要素のレイアウトは JS なしでは変更できません

親コンテナのサイズが不明、子要素のサイズが不明です 子要素を親コンテナに対して垂直方向の中央に配置するにはどうすればよいですか?
JSを使用せずに親要素のレイアウトを変更することはできません
子コンテナは親コンテナに含まれており、子コンテナのスタイルを設定します margin:auto を試してください。ただし、親コンテナが子コンテナより小さい場合は、何が起こるかわかりません

このように 問題は、Tencent のフロントエンド オンライン テストの問題、あのフロントエンド コマンドーに少し似ています。
水平方向と垂直方向のセンタリングを確実にするには、次のコマンドを使用します。
left:0;
margin:auto; Tencent フロントエンドのオンライン テスト問題、そのフロントエンド コマンド。
水平方向と垂直方向の中央揃えを行うには、次のコマンドを使用します。
left:0;
margin:auto;この方法では幅を中央揃えにすることはできません。あなたが試すことができます。

この質問は、Tencent のフロントエンド オンライン テストの問題、フロントエンド コマンドーに少し似ています。
水平方向と垂直方向の中央揃えを行うには、次のコマンドを使用します。
left:0;
right:0;この方法では幅を中央揃えにすることはできません。あなたが試すことができます。
それが本題です