ホームページ > ウェブフロントエンド > CSSチュートリアル > 高さのパーセンテージの親内でネストされた Div を垂直方向の中央に配置するにはどうすればよいですか?

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

Mary-Kate Olsen
リリース: 2024-11-30 17:10:13
オリジナル
906 人が閲覧しました

How Can I Vertically Center a Nested Div Within a Percentage-Height Parent?

高さパーセンテージの親要素内のネストされた 'div' の垂直方向の位置合わせ

位置合わせが可能かどうかという疑問が生じます。親「div」内で垂直にネストされた「div」。その高さを次のように指定します。

解決策:

このトピックは、さまざまなフォーラムで広く議論されています。基本的なオンライン検索では、多数の結果が得られます。推奨されるアプローチの中で、「display: table-cell;」を利用する方法が一般的です。および「vertical-align: middle;」

次の例を参照してください:

`

Centeredテキスト

`

注:

この解決策は効果的である可能性がありますが、効果的ではない可能性があることに注意することが重要です。 Internet Explorer 6 ではシームレスに機能します。したがって、このアプローチを実装する前に、この制限を考慮してください。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート