Bagaimana Saya Mengalih Keluar Lebihan Ruang Di Bawah SVG dalam Bekas Div?

Menghapuskan Lebihan Ruang Di Bawah Elemen SVG dalam Bekas Div

Apabila membenamkan elemen SVG dalam bekas div, anda mungkin menghadapi ruang tambahan yang tidak diingini di bawah SVG . Isu yang membingungkan ini berpunca daripada gelagat sebaris unsur SVG, menyebabkan unsur tersebut sejajar dengan garis dasar teks.

Untuk menyelesaikan isu ini dan menghapuskan jarak yang berlebihan, cuma tetapkan sifat "paparan" elemen SVG kepada " blok." Penyelesaian mudah ini memastikan elemen SVG berkelakuan seperti elemen peringkat blok, menghalangnya daripada menjajarkan dengan garis dasar teks.

Kod yang diubah suai di bawah menunjukkan pelaksanaan yang betul:

<div>

Sebagai alternatif , jika anda lebih suka mengekalkan elemen SVG sebagai inline atau inline-block, pertimbangkan untuk menggunakan sifat "vertical-align" dengan nilai "top". Pendekatan ini membolehkan anda mengekalkan tingkah laku sebaris sambil menghapuskan ruang yang tidak diperlukan.

Atas ialah kandungan terperinci Bagaimana Saya Mengalih Keluar Lebihan Ruang Di Bawah SVG dalam Bekas Div?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!