Mengapa Object-Fit Tidak Berfungsi dengan Imej dalam Lajur Flexbox?

Objek-Fit Tidak Berfungsi dalam Flexbox: Membongkar Punca

Apabila menggunakan flexbox untuk mencipta lajur bersaiz sama yang mengandungi imej, menggunakan objek- harta yang sesuai dengan imej tersebut mungkin kelihatan logik untuk mencapai saiz "sarung" yang dikehendaki. Walau bagaimanapun, teknik ini selalunya gagal menghasilkan hasil yang diharapkan.

Mengikut spesifikasi, sifat muat objek mengawal cara kandungan elemen yang diganti (dalam kes ini, imej) dilaraskan dalam kotak yang ditentukan dengan ketinggian dan lebar yang digunakan. Ini menunjukkan bahawa imej itu sendiri adalah subjek untuk mengubah saiz, bukan bekasnya.

Untuk menjadikan sifat ini berkesan, kami perlu menyusun semula persediaan kotak flex kami. Daripada membungkus imej dalam div bekas, kami menukar imej itu sendiri kepada item fleksibel. Ini membolehkan sifat muat objek berkuat kuasa pada setiap imej individu, dengan itu mempamerkan kesan "penutup" yang diingini.

Atas ialah kandungan terperinci Mengapa Object-Fit Tidak Berfungsi dengan Imej dalam Lajur Flexbox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!