CSS を使用して親の内側で垂直方向の中央に配置するにはどうすればよいですか?

の垂直方向のセンタリングCSS を使用して親要素内で

display: flex;
align-items: center;

を垂直方向に配置するためのガイダンスを求めています親要素内で。最新のブラウザでは、フレックスボックスが理想的なソリューションを提供します。

</p>
<p>ログイン {</p>
<p></p>}<p>

このアプローチでは、

が中央に配置されます。親要素 #Login.

内で垂直に配置します。フレックスボックスをサポートしていないブラウザの場合は、代替方法が必要です。フォールバック ソリューションの実装を検討してください。

• 推奨書籍
• 次のリソースで知識を深めてください:

[フレックスボックスのブラウザ サポート](https ://caniuse.com/#feat=flexbox)[ガイドフレックスボックス](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)[CSS フレキシブル ボックスの使用](https://developer.mozilla.org/en -US/docs/Web/CSS/CSS_Flexible_Box_Layout)

以上がCSS を使用して親の内側で垂直方向の中央に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。