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
Lepaskan: 2024-12-02 01:03:09
asal
232 orang telah melayarinya

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 Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan