Bagaimanakah Saya Boleh Memusatkan Secara Menegak Di Dalam Induknya Menggunakan CSS?

Untuk menangani isu ini, pelbagai kaedah telah digunakan selama ini, dengan pelbagai tahap keberkesanan dan sokongan penyemak imbas. Salah satu pendekatan yang paling mudah ialah sifat penjajaran menegak, tetapi ia mempunyai had tertentu dan mungkin tidak selalu menghasilkan hasil yang diingini.

Penyelesaian yang lebih dipercayai untuk penyemak imbas moden ialah pelaksanaan flexbox, modul CSS yang berkuasa yang memudahkan susun atur halaman web. Dengan memberikan paparan: flex pada elemen induk dan align-item: tengah kepada elemen anak, anda boleh dengan mudah memusatkan

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