Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengalih keluar selang lalai img dalam css
Bagaimana untuk mengalih keluar selang lalai img dalam css
- WBOYasal
- 2021-12-13 09:25:402533semak imbas
Dalam CSS, anda boleh menggunakan atribut "font-size" untuk mengalih keluar jarak lalai elemen img Atribut ini digunakan untuk menetapkan saiz fon dalam elemen apabila nilai elemen induk atribut ialah "0" , jarak lalai bagi elemen img dalam elemen akan dialih keluar dan sintaksnya ialah "elemen induk img {font-size:0;}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Cara mengalih keluar jarak lalai img dalam css
Dalam css, elemen img akan mempunyai jarak lalai. Contohnya adalah seperti berikut:
Untuk menyelesaikan masalah jarak lalai di tengah, kita boleh menggunakan atribut saiz fon untuk menghapuskan jarak lalai di tengah Pertama kita perlu meletakkan imej img dalam Dalam elemen div yang sama, dan kemudian tambah gaya "font-size:0" pada elemen div, anda boleh menghapuskan jarak lalai elemen img dalam elemen div.
Contoh adalah seperti berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
div{
font-size:0;
}
</style>
</head>
<body>
<div>
<img src="1118.Bagaimana untuk mengalih keluar selang lalai img dalam css" alt="">
<img src="1118.Bagaimana untuk mengalih keluar selang lalai img dalam css" alt="">
</div>
</body>
</html>Hasil output:
(Belajar perkongsian video: css tutorial video )
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar selang lalai img dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!