Bagaimana untuk Memusatkan Div Secara Menegak Dalam Induknya Menggunakan CSS?

Memusatkan

Dalam Elemen Induknya Menggunakan CSS

Dalam pertanyaan ini, pengguna mendapatkan bantuan dalam menjajarkan div "Nama Pengguna" dan "Borang" secara menegak dalam div induk "Log Masuk". Mereka telah cuba menggunakan "vertical-align: middle;" harta tanpa kejayaan.

PENYELESAIAN

Penyelesaian optimum untuk div memusatkan secara menegak dalam pelayar kontemporari ialah Flexbox:

#Login {
    display: flex;
    align-items: center;
}

Dalam kes di mana Flexbox menyokong kekurangan (cth., IE 9 dan ke bawah), pilihan sandaran melalui kaedah lama ialah diperlukan.

SUMBER TAMBAHAN

• [Sokongan Penyemak Imbas untuk Flexbox](https://caniuse.com/?search=flexbox)
• [Panduan untuk Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
• [Menggunakan Kotak Fleksibel CSS](https://developer.mozilla.org/en -AS/docs/Web/CSS/CSS_Flexible_Box_Layout/)

Atas ialah kandungan terperinci Bagaimana untuk Memusatkan Div Secara Menegak Dalam Induknya Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css for using Property this https

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