Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menghapuskan Lebihan Ruang Putih di Bahagian Atas Halaman Web?

Bagaimana untuk Menghapuskan Lebihan Ruang Putih di Bahagian Atas Halaman Web?

DDD
Lepaskan: 2024-12-11 03:17:10
asal
134 orang telah melayarinya

How to Eliminate Excess White Space at the Top of a Webpage?

Menghapuskan Lebihan Ruang Putih di Bahagian Atas Halaman

Apabila menghadapi ruang putih yang berlebihan di bahagian atas halaman web, di mana setiap elemen yang diperiksa tidak mempunyai padding atau margin, ia mungkin disebabkan oleh pemaparan penyemak imbas lalai. Untuk menangani isu ini, pertimbangkan untuk melaksanakan tetapan semula CSS.

Tetapan Semula CSS

Tetapan semula CSS menormalkan lalai penyemak imbas, memastikan penampilan yang konsisten dan boleh diramal merentas persekitaran yang berbeza. Sertakan blok berikut pada permulaan helaian gaya anda:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
Salin selepas log masuk

Pemilih Universal

Sebagai alternatif, anda boleh menggunakan pemilih universal (*) dan bukannya menyenaraikan setiap elemen, seperti yang dicadangkan oleh Frank:

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Lebihan Ruang Putih di Bahagian Atas Halaman Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan