Bagaimana Menggunakan Peratusan Padding atau Margin Berdasarkan Ketinggian Bekas Induk dalam CSS?

Cara Menetapkan Padding atau Margin sebagai Peratusan Ketinggian Bekas Induk

Apabila cuba menjajarkan elemen secara menegak menggunakan CSS, ia mungkin kelihatan logik untuk menetapkan sifat padding-top atau margin-top sebagai peratusan ketinggian bekas induk. Walau bagaimanapun, menggunakan peratusan dengan padding-top dan margin-top menghasilkan nilai berbanding dengan lebar bekas, menyebabkan gelagat yang tidak dijangka apabila lebar bekas berubah.

Penyelesaian

Untuk menetapkan padding atau margin sebagai peratusan ketinggian bekas induk, elakkan menggunakan padding-top dan margin-top. Sebaliknya, tetapkan sifat atas atau bawah elemen dalam bekas induk.

`

height: 200px;

}

.unsur kanak-kanak {

position: absolute;
top: 50%;

}

<div><p></p></div>`<p><strong> Penjelasan</strong></p><p>Dengan menggunakan sifat teratas, kedudukan elemen anak kini relatif kepada ketinggian bekas induk, memastikan penjajaran menegak kekal konsisten tanpa mengira lebar bekas.</p>

Atas ialah kandungan terperinci Bagaimana Menggunakan Peratusan Padding atau Margin Berdasarkan Ketinggian Bekas Induk dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!