Mengapa Terdapat Ruang Tambahan Di Bawah SVG Saya dalam DIV, dan Bagaimana Saya Boleh Membetulkannya?

Ruang Tambahan di bawah SVG dalam DIV

Apabila memaparkan elemen SVG dalam bekas DIV, anda mungkin menghadapi ruang tambahan yang tidak diingini muncul di bawah SVG . Ruang ini boleh menjadi sangat ketara dalam Firefox dan Chrome.

Untuk menyelesaikan isu ini, tetapkan sifat paparan elemen SVG kepada "sekat". Berikut ialah kod yang diubah suai:

<div>

Dengan menetapkan paparan: blok, anda pada asasnya mengarahkan elemen SVG untuk menduduki keseluruhan ruang menegak dalam bekas DIV induk. Ini mengalih keluar ruang tambahan yang sebelum ini menjajarkan elemen SVG dengan garis dasar mana-mana teks sekeliling.

Sebagai alternatif, anda boleh menggunakan penjajaran menegak: atas jika anda perlu mengekalkan elemen SVG dalam baris atau blok sebaris, sambil memastikan ia berada di bahagian atas bekas DIV.

Atas ialah kandungan terperinci Mengapa Terdapat Ruang Tambahan Di Bawah SVG Saya dalam DIV, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!