


Mengapa Imej Saya Mempunyai Ruang Putih Tidak Dijangka Di Bawahnya Selepas Beralih daripada Imej Latar Belakang?
Jan 01, 2025 am 07:49 AMMisteri 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!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Menambah bayang -bayang kotak ke blok dan elemen WordPress

Buat borang hubungan JavaScript dengan rangka kerja pintar

Buat editor teks sebaris dengan atribut yang boleh dipertikaikan

Menjadikan Peralihan Svelte Khas pertama anda

Membandingkan 5 Pembina Borang PHP Terbaik (dan 3 skrip percuma)

Muat naik fail dengan multer di node.js dan ekspres

Animasi dan kesan CSS terbaik di CodeCanyon 2025 (dibayar percuma)
