Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Memusatkan Div Secara Menegak Dalam Div Induk Ketinggian Peratusan?

Bagaimanakah Saya Boleh Memusatkan Div Secara Menegak Dalam Div Induk Ketinggian Peratusan?

DDD
DDDasal
2024-12-02 01:03:09209semak imbas

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

Penjajaran Menegak dalam Bekas Ketinggian Relatif

Dalam bidang reka bentuk web, selalunya perlu meletakkan elemen secara halus dalam bekasnya. Satu senario sedemikian ialah memusatkan "div" secara menegak dalam "div" lain yang mempunyai ketinggian yang dinyatakan dalam peratusan.

Pendekatan Praktikal

Walaupun cabaran ini telah mencetuskan pelbagai perbincangan, penyelesaian terkenal melibatkan penggunaan sifat "display: table-cell;" dan "vertical-align: middle;". Pendekatan ini menjajarkan kandungan "div" bersarang secara menegak di tengah-tengah bekas induknya. Contoh pelaksanaannya tersedia pada sumber reka bentuk web yang popular.

Nota Keserasian Penyemak Imbas

Adalah penting untuk ambil perhatian bahawa teknik ini berfungsi dengan lancar dalam kebanyakan penyemak imbas moden tetapi tidak disokong oleh Internet Explorer 6. Oleh itu, pilihan kaedah penjajaran mungkin berbeza-beza bergantung pada khalayak sasaran dan keperluan keserasian penyemak imbas.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memusatkan Div Secara Menegak Dalam Div Induk Ketinggian Peratusan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn