Bagaimana untuk mengalih keluar Ruang Tambahan Di Bawah SVG dalam Div?

Menghapuskan Lebihan Ruang Di Bawah SVG dalam Elemen Div

Dalam pembangunan web, menghadapi ruang tambahan di bawah elemen SVG dalam div boleh mengecewakan . Isu ini timbul khususnya apabila elemen blok sebaris, seperti SVG dan imej, sejajar dengan garis dasar teks.

Untuk menangani masalah ini, anda perlu menetapkan sifat CSS display: block; kepada elemen SVG anda. Sifat ini memaksa SVG untuk berkelakuan sebagai blok kendiri, menghapuskan ruang tambahan yang disebabkan oleh menampung penurunan teks. Berikut ialah kod yang diperbetulkan:

<svg>

Sebagai alternatif, jika anda ingin mengekalkan tingkah laku sebaris atau blok sebaris untuk SVG anda, anda boleh menggunakan sifat vertical-align: top:

<svg>

Dengan melaksanakan salah satu daripada penyelesaian ini, anda boleh menghapuskan ruang merah yang tidak diingini di bawah SVG anda dengan berkesan elemen dalam div, memastikan penampilan yang bersih dan konsisten pada halaman web anda.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Ruang Tambahan Di Bawah SVG dalam Div?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!