Bagaimana untuk Memusatkan Elemen Terapung Secara Menegak dengan Ketinggian Tidak Diketahui Menggunakan Elemen Blok Sebaris?

Cara Memusatkan Elemen Terapung Ketinggian Tidak Diketahui Secara Menegak dengan Elemen Blok Sebaris

Walaupun elemen terapung secara semula jadi diletakkan bersebelahan antara satu sama lain, ia biasanya dijajarkan atas ke atas -top tanpa mengira ketinggian mereka. Ini boleh menyebabkan salah jajaran menegak yang tidak dijangka dalam reka letak tertentu.

Untuk memusatkan unsur terapung menegak yang tidak diketahui ketinggiannya, anda mesti memintas penjajaran atas terapung semula jadi. Ini boleh dicapai dengan menggunakan langkah berikut:

1. Buat Pembungkus Blok Sebaris: Kelilingi setiap elemen terapung dengan elemen blok sebaris. Elemen blok sebaris mengalir secara mendatar, membenarkan apungan mengekalkan kedudukan bersebelahan.
2. Tetapkan Penjajaran Menegak: Guna penjajaran menegak: tengah; kepada pembalut blok sebaris. Sifat ini menentukan penjajaran menegak elemen blok sebaris, dengan itu meletakkan elemen terapung di dalamnya berpusat menegak.
3. Laraskan Lebar untuk Kedudukan Sebelah: Untuk memastikan bahawa sebaris -pembungkus blok diletakkan bersebelahan, tetapkan lebarnya kepada nilai peratusan yang menambah sehingga 100%. Ini membolehkan pelarasan fleksibel dalam ruang yang tersedia sambil mengekalkan ketersebelahan mendatar.

Dengan mengikut langkah ini, anda boleh memusatkan unsur terapung yang tidak diketahui ketinggiannya secara menegak tanpa mengubah suai unsur terapung itu sendiri. Teknik ini membolehkan kandungan dinamik dengan ketinggian yang berbeza-beza disepadukan dengan lancar ke dalam reka letak yang seimbang secara visual.

Atas ialah kandungan terperinci Bagaimana untuk Memusatkan Elemen Terapung Secara Menegak dengan Ketinggian Tidak Diketahui Menggunakan Elemen Blok Sebaris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!