Mengapa Imej Sebaris Saya Mempunyai Ruang Putih Tambahan Di Bawahnya?

Menyingkap Misteri Ruang Putih Di Bawah Tag Imej

Setelah menggantikan imej latar belakang dengan tag, ruang putih yang membingungkan muncul di bawah imej, mewujudkan percanggahan visual yang membingungkan.

Enigma Keturunan

Seperti teks, elemen sebaris seperti imej diselaraskan dengan garis dasar, memastikan bahawa aksara seperti "j", "g", dan "p" (turunan) mempunyai ruang yang mencukupi untuk dilanjutkan di bawah garis dasar. Tingkah laku lalai ini menyebabkan jurang di bawah imej, walaupun tanpa ketiadaan jidar atau pelapik.

Menyelesaikan Ruang Putih

Untuk memerangi isu ini, pertimbangkan penyelesaian berikut:

1. Pelarasan Penjajaran Menegak: Tetapkan penjajaran menegak: bawah ke teg imej, menjajarkannya ke bahagian bawah bekas. Pilihan lain termasuk tengah, atas atau bawah teks.
2. Penukaran Sebaris ke Sekat: Tukar gaya paparan imej daripada sebaris kepada sekat, alih keluar penjajaran garis dasar dan hapuskan ruang putih .
3. Pengurusan Ketinggian Garisan Kontena: Laraskan ketinggian garisan kontena harta untuk menampung ketinggian imej. Menetapkannya kepada sifar, seperti yang ditunjukkan dalam kod asal (kini tertakluk kepada linkrot), boleh menangani isu ini dengan berkesan.
4. Manipulasi Saiz Fon Bekas: Tetapkan saiz fon sifar kepada bekas. Jika mahu, pulihkan saiz fon secara khusus kepada elemen kanak-kanak untuk mengekalkan kebolehbacaan.

Dengan melaksanakan salah satu daripada penyelesaian ini, anda boleh berjaya membuang ruang putih yang penuh teka-teki dan mencapai reka letak imej yang lancar.

Atas ialah kandungan terperinci Mengapa Imej Sebaris Saya Mempunyai Ruang Putih Tambahan Di Bawahnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!