Mengapa Terdapat Ruang Putih Tambahan Di Bawah Imej Saya, dan Bagaimana Saya Boleh Membetulkannya?

Membetulkan Ruang Putih Misterius Di Bawah Teg Imej

Apabila menggantikan imej latar belakang dengan teg img, pengguna mungkin menghadapi ruang putih yang membingungkan di bawah imej. Ruang ini muncul disebabkan penjajaran garis dasar elemen peringkat sebaris seperti imej. Huruf tertentu turun di bawah garis dasar, menyebabkan ketinggian halus dari tepi bawah bekas.

Untuk menyelesaikan isu ini, anda boleh menggunakan pelbagai teknik:

1. Laraskan Penjajaran Menegak: Gunakan jajaran menegak: bawah pada teg img anda untuk menjajarkan tepi bawah imej ke tepi bawah bekas. Jika perlu, percubaan dengan bahagian tengah, atas atau teks-bawah untuk mencari penjajaran terbaik.
2. Tukar kepada Paparan Sekat: Gantikan paparan sebaris dengan menetapkan paparan: sekat pada teg img anda. Ini akan menganggap imej sebagai elemen peringkat blok, menghapuskan keperluan untuk penjajaran garis dasar.
3. Ubah Suai Ketinggian Garis: Laraskan sifat ketinggian garis pada bekas induk untuk mengurangkan ruang di bawah imej itu. Contohnya, menetapkan ketinggian garisan: 0 boleh menyelesaikan masalah.
4. Tetapkan Saiz Fon kepada Sifar: Tetapkan saiz fon: 0 pada bekas induk untuk menghapuskan jurang menegak. Jika perlu, pulihkan saiz fon pada elemen kanak-kanak secara langsung.

Dengan melaksanakan teknik ini, anda boleh membetulkan isu ruang putih di bawah teg imej, memastikan reka bentuk tapak web yang bersih dan menarik dari segi estetika.

Atas ialah kandungan terperinci Mengapa Terdapat Ruang Putih Tambahan Di Bawah Imej Saya, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!