Mengapa Kanvas Saya Melangkaui Kandungannya, dan Bagaimana Saya Boleh Membetulkan Ruang Putih Tambahan?

Limpahan Tatal Kanvas: Menyelesaikan Isu Ruang Putih

Apabila menggunakan kanvas dalam div dan menggunakan fungsi tatal, adalah perkara biasa untuk menemui ruang putih muncul di bahagian bawah kanvas, menjadikan tatal melangkaui kandungan kanvas. Untuk menangani isu ini, pertimbangkan penyelesaian berikut:

Jadikan Kanvas sebagai Elemen Blok

Secara lalai, kanvas ialah elemen sebaris, serupa dengan imej. Ini boleh menyebabkan masalah ruang putih disebabkan penjajaran menegak, kerana elemen sebaris selalunya mempunyai beberapa jarak menegak. Untuk menyelesaikan masalah ini, tukar sifat paparan kanvas kepada 'sekat', menjadikannya elemen peringkat blok.

Berikut ialah CSS yang dikemas kini:

canvas {
  display: block;
}

Pilihan Alternatif: Penjajaran Menegak

Jika menetapkan kanvas kepada elemen blok tidak kerja, cuba gunakan vertical-align: atas pada kanvas. Ini akan menjajarkan kanvas secara menegak dalam div induknya, memastikan ia menatal hanya ke hujung kanvas.

CSS yang dikemas kini:

canvas {
  vertical-align: top;
}

Dengan menggunakan salah satu daripada penyelesaian ini, anda boleh mengekang julat tatal kepada dimensi kanvas, menghapuskan sebarang ruang putih yang tidak perlu atau pendedahan warna div asas.

Atas ialah kandungan terperinci Mengapa Kanvas Saya Melangkaui Kandungannya, dan Bagaimana Saya Boleh Membetulkan Ruang Putih Tambahan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!