Bagaimanakah Saya Boleh Menjajarkan Elemen Secara Menegak Dalam Bekas CSS?

Cara Menjajarkan Elemen Secara Menegak dalam Bekas Menggunakan CSS

Ramai pembangun berusaha untuk mencapai penjajaran menegak yang tepat dalam CSS, satu tugas yang kadangkala boleh menjadi rumit. Satu pendekatan melibatkan menetapkan sifat padding-top kepada nilai peratusan. Walau bagaimanapun, adalah penting untuk memahami gelagat pelapik dan margin dalam CCS.

Dalam CSS, sifat padding-top dan margin-top adalah relatif kepada lebar elemen yang mengandungi. Ini bermakna jika anda menentukan nilai peratusan untuk sifat padding-top, ia akan dikira sebagai peratusan lebar bekas, bukan ketinggiannya.

Untuk menjajarkan elemen secara menegak dalam bekas menggunakan CSS, anda boleh menggunakan sifat teratas dalam elemen dalam:

.inner {
  top: 50%;
  position: absolute;
}

Dengan meletakkan elemen di dalam yang lain dan menetapkan sifat teratas kepada 50%, anda boleh dengan berkesan selaraskannya secara menegak berhubung dengan ketinggian bekas. Ingat untuk menentukan sifat kedudukan sebagai mutlak untuk kaedah ini berfungsi dengan betul.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menjajarkan Elemen Secara Menegak Dalam Bekas CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!