Bagaimanakah Saya Boleh Mencapai Penjajaran Menegak dalam Bootstrap 4?

Penjajaran Menegak dalam Bootstrap 4

Penjajaran menegak dalam Bootstrap 4 boleh dicapai melalui beberapa kaedah, setiap satu dengan kelebihan dan senario aplikasinya sendiri.

Auto Margin

Auto margin boleh digunakan untuk memusatkan elemen secara menegak dalam bekas mereka. Ini dicapai dengan menambahkan kelas auto-saya pada elemen yang anda mahu pusatkan. Contohnya:

<div>

Flexbox

Bootstrap 4 memanfaatkan Flexbox secara lalai, menyediakan alatan berkuasa untuk penjajaran menegak. Untuk memusatkan elemen secara menegak menggunakan Flexbox, gunakan kelas align-self-center pada elemen tersebut. Sebagai alternatif, menggunakan align-items-center pada bekas induk akan memusatkan semua item flexnya secara menegak.

<div>

<div>

Utiliti Paparan

Utiliti paparan boleh digunakan untuk mewujudkan konteks paparan untuk elemen. Dalam kombinasi dengan utiliti penjajaran menegak, anda boleh memperhalusi penjajaran menegak elemen sel sebaris atau jadual. Contohnya:

<div>

Dengan memahami teknik ini, anda boleh memusatkan elemen secara menegak dalam Bootstrap 4 dengan berkesan, mempertingkatkan penjajaran dan daya tarikan visual halaman web anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Penjajaran Menegak dalam Bootstrap 4?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!