Mengapa Skrol Kanvas Saya Menunjukkan Lebihan Ruang Putih di Bahagian Bawah?

Isu Tatal Kanvas dengan Ruang Putih di Bawah

Apabila menatal kanvas yang diletakkan di dalam div, anda mungkin menghadapi masalah apabila kanvas menatal melebihi kandungan sebenar dan mendedahkan div kontena latar belakang.

Penyelesaian:

Untuk mengelakkan ini, kanvas hendaklah ditetapkan sebagai elemen blok atau penjajaran menegaknya dalam div hendaklah ditetapkan ke atas. Secara lalai, kanvas ialah elemen sebaris, serupa dengan imej. Tingkah laku sebaris ini boleh membawa kepada isu ruang menegak.

Coretan kod dengan pembetulan:

.screen {
    background: red;
    height: 100px;
    width: 300px;
    overflow: auto;
    border-radius: 20px;
}

canvas {
    display: block;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

Pengubahsuaian kod ini memaksa kanvas untuk bertindak sebagai elemen blok, menghalang ruang putih di bahagian bawah dan membenarkannya menatal dengan betul ke penghujung kandungannya.

Atas ialah kandungan terperinci Mengapa Skrol Kanvas Saya Menunjukkan Lebihan Ruang Putih di Bahagian Bawah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!