Bagaimanakah Saya Memusatkan Secara Menegak Di Dalam Induknya Menggunakan CSS?-tutorial css-php.cn

Bagaimanakah Saya Memusatkan Secara Menegak Di Dalam Induknya Menggunakan CSS?

Barbara Streisand

Lepaskan： 2024-12-22 05:00:10

asal

270 orang telah melayarinya

How Do I Vertically Center a Inside Its Parent Using CSS?

Pemusatan Menegak bagi

dalam Elemen Induk menggunakan CSS

Anda mendapatkan panduan tentang menjajarkan

dalam elemen induknya. Dalam penyemak imbas moden, flexbox menawarkan penyelesaian yang ideal.

</p>
<h1>Log masuk {</h1>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">display: flex;
align-items: center;

Salin selepas log masuk

}

Pendekatan ini memusatkan

secara menegak dalam elemen induk #Log Masuk.

Untuk penyemak imbas tanpa sokongan flexbox, kaedah alternatif diperlukan. Pertimbangkan untuk melaksanakan penyelesaian sandaran.

Disyorkan Pembacaan

Perluaskan pengetahuan anda dengan sumber ini:

[Sokongan penyemak imbas untuk flexbox](https ://caniuse.com/#feat=flexbox)
[Panduan untuk Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
[Menggunakan Kotak Fleksibel CSS](https://developer.mozilla.org/en -US/docs/Web/CSS/CSS_Flexible_Box_Layout)

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

sumber：php.cn

Artikel sebelumnya：Mengapa `pencetus('klik') jQuery tidak berfungsi pada Input Fail Tersembunyi dan Bagaimana Saya Boleh Membetulkannya? Artikel seterusnya：Bagaimana untuk Menghalang Pengembangan Sel Jadual Kerana Teks Panjang?

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

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

2647

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2772

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

2346

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...