高さのパーセンテージの親 Div 内で Div を垂直方向の中央に配置するにはどうすればよいですか?

相対高さコンテナ内の垂直方向の配置

Web デザインの領域では、コンテナ内で要素を細かく配置することが必要になることがよくあります。そのようなシナリオの 1 つは、パーセンテージで指定された高さを持つ別の「div」内の「div」を垂直方向の中央に配置することです。

実際的なアプローチ

この課題は数多くの課題を引き起こしましたが、議論によると、有名な解決策には、「display: table-cell;」のプロパティを利用することが含まれます。そして「vertical-align: middle;」。このアプローチでは、ネストされた「div」の内容が親コンテナーの中央に垂直方向に配置されます。その実装例は、人気のある Web デザイン リソースで入手できます。

ブラウザの互換性に関する注意

この手法はほとんどの最新のブラウザでシームレスに動作しますが、 Internet Explorer 6 ではサポートされていません。したがって、配置方法の選択は、対象ユーザーとブラウザーの互換性要件によって異なる場合があります。

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