Mengapa Imej Saya Mempunyai Ruang Putih Tidak Dijangka Di Bawahnya Selepas Beralih daripada Imej Latar Belakang?

Misteri Ruang Putih Di Bawah Teg Imej: Menyelesaikan Masalah Turun Talian Tersembunyi

Ruang putih misteri yang muncul di bawah imej selepas bertukar daripada imej latar belakang kepada <img> teg boleh dikaitkan dengan teknikal yang halus dalam HTML dan CSS.

Imej latar belakang asal bukan elemen teks, jadi ia tidak mematuhi peraturan penjajaran menegak. Sebaliknya, elemen sebaris seperti imej diselaraskan dengan garis dasar, garis rujukan yang memuatkan penurunan huruf seperti "g" dan "y."

Turunan ini mewujudkan jurang halus di bawah imej, yang tidak disebabkan dengan jidar atau pelapik tetapi hanyalah artifak penjajaran garis dasar.

Menyelesaikan Putih Ruang:

Untuk menghapuskan ruang putih, pertimbangkan penyelesaian berikut:

• Jurus menegak: bawah: Laraskan penjajaran menegak imej ke bahagian bawah bekasnya, memastikan ia tidak melepasi tepi bekas.
• Paparan: sekat: Tukar mod paparan imej kepada sekat, yang mengalih keluar gelagat sebarisnya dan membenarkannya mengisi ruang yang ada.
• Ketinggian garisan: 0: Tetapkan ketinggian garisan daripada bekas kepada sifar, dengan berkesan menghapuskan sebarang ruang menegak yang diperuntukkan untuk penurunan garis.
• Saiz fon: 0: Tetapkan saiz fon bekas kepada sifar, yang mengalih keluar penurunan garis tanpa menjejaskan saiz fon elemen kanak-kanak (jika perlu).

Dengan menangani punca asas ruang kosong, salah satu kaedah ini akan berjaya menyelesaikan isu dan menjajarkan imej dengan betul dalam bekasnya.

Atas ialah kandungan terperinci Mengapa Imej Saya Mempunyai Ruang Putih Tidak Dijangka Di Bawahnya Selepas Beralih daripada Imej Latar Belakang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!