首頁 > web前端 > css教學 > 如何將嵌套 Div 在百分比高度父級中垂直居中?

如何將嵌套 Div 在百分比高度父級中垂直居中?

Mary-Kate Olsen
發布: 2024-11-30 17:10:13
原創
838 人瀏覽過

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

百分比高度父元素中嵌套“div”的垂直對齊

出現對齊是否可行的問題垂直嵌套在父級“ div”內的“div”,將其高度指定為百分比。

解決方案:

這個主題已在各個論壇中進行了廣泛討論。基本的線上搜尋會產生大量結果。在建議的方法中,一種流行的方法涉及利用「顯示:表格單元格;」和「垂直對齊:中間;」屬性。

參考以下範例:

`

居中Text

`

注意:

雖然此解決方案可能有效,但需要注意的是,它可能無效在Internet Explorer 6 中無縫運作。因此,在實施此方法之前請考慮此限制。

以上是如何將嵌套 Div 在百分比高度父級中垂直居中?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板